CSS设置段落的垂直对齐
生活随笔
收集整理的這篇文章主要介紹了
CSS设置段落的垂直对齐
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
CSS設置段落的垂直對齊
? ? ? ? ? CSS設置段落的垂直對齊方式
? ? ? ? ??CSS中通過屬性vertical-align來設置段落的垂直對齊方式。
? ? ? ? ??注意,對于文字本身而言,該屬性對于塊級元素并不起作用,例如<p>和<div>等標記,但是,對于表格而言,這個屬性十分的重要。
? ? ? ? ??如上代碼,建立了一個3行2列的表格,其中左側(cè)一列均為圖片,起到了將單元格的高度加大的作用,同時也作為對比。
? ? ? ? ??右側(cè)的一列為文字,分別采用了頂端對齊、底端對齊和中間對齊的方式,對應的CSS的值分別為top、bottom和middle。
? ? ? ? ??如果,對vertical-align屬性設置了具體的數(shù)值,對于文字本身,則可以在垂直方向上發(fā)生位移。
? ? ? ? ??如上代碼,當屬性值為正數(shù)時,文字將向上移動相應的數(shù)值,設置為負數(shù)時則向下移動。
? ? ? ? ??此外,vertical屬性還有很多其他值,不過主要是適用于圖片。
總結
以上是生活随笔為你收集整理的CSS设置段落的垂直对齐的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CSS设置段落的水平对齐
- 下一篇: CSS固定背景的图片