demoline01、02选一个用足够了 ...

1. vertical-align属性实现效果： vertical-align 属性设置元素的垂直对齐方式。 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐。允许指定负长度值和百分比值 ...

为块级元素会独占一行形成上下居中的效果*/ position: relative; /*定位横线（当横 ...

先介绍下伪类和伪元素： 伪类：操作的是在dom结构中已经存在的元素，可以对它进行一些样式的调整，比如:active,:hover等，一般用单冒号，感觉像是给元素添加一个class，然后设置样式； ...

总结： 1，这种方法比利用边框和背景图做出的效果更好更利于控制和修改 2，缺点是伪类在IE8上兼容有些问 ...

效果图 html代码： ` 中间 ` #####css代码： ```.p1 { display: inline-block; font-size: 20px; color: #4A4A4A; background-color: #fff; margin-left: 50 ...

有时候我们需要给文字添加横线，有两种情况： 第一种是贯穿中间的横线： 横线的颜色和文字的颜色保持一致 效果如图： 第二种是给文字添加下划线： 代码如下： 效果如下图： ...

1.单行文字居中 2.多行文字居中 3.利用background-position:center;的图片居中 4.利用display:table-cell;属性的图片居中 5.利用display:inline-block;属性的图片居中 6.利用 ...