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.利用 ...