在網(wǎng)頁設(shè)計過程中,我們有時需要把一些文本靠下排列,這時候就可以使用CSS實現(xiàn)。下面我們來介紹幾種方法。
使用vertical-align
p { display: inline-block; vertical-align: bottom; }
我們可以讓p元素顯示成inline-block塊級元素,并使用vertical-align屬性把它們的垂直對齊方式設(shè)置為最底部。
使用line-height
p { line-height: 200px; }
我們可以根據(jù)需要設(shè)置p元素的line-height屬性,把行高設(shè)置成比p元素高度大的值,使文本垂直居中顯示。
使用transform
p { position: absolute; bottom: 0; transform: translateY(100%); }
我們可以通過絕對定位和transform屬性把p元素向下移動一定的距離,這里的距離可以根據(jù)具體情況自行調(diào)整,常用的方法是使用translateY與百分?jǐn)?shù)結(jié)合來設(shè)置,這樣會更加靈活。