CSS中常用的文本對齊方式包括左對齊、右對齊、中間對齊等,但在某些情況下,我們需要將文本居下顯示,這時就可以使用CSS中的vertical-align
屬性。
.vertically-aligned{ display: inline-block; vertical-align: bottom; }
使用display:inline-block
將元素設為行內塊元素,這樣可以確保元素之間不會出現多余的空隙。接下來使用vertical-align: bottom;
將元素內的文本居下顯示。
還可以通過vertical-align: middle;
將文本垂直居中顯示。
.vertically-aligned{ display: inline-block; vertical-align: middle; }
需要注意的是,vertical-align
屬性只對行內元素和表格單元格生效,對塊級元素無效。但可以通過將塊級元素轉為行內塊元素的方式進行實現。
上一篇css文字布局設置
下一篇dw網頁創建css教學