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