css將文字底對齊的方法:首先建立一個HTML範例檔案;然後定義一個div塊;最後透過設定css樣式為「display:table-cell;vertical-align:bottom;」來實現將文字底對齊即可。
本教學操作環境:Windows7系統、HTML5&&CSS3版本,Dell G3電腦。
推薦:《css影片教學》
css讓div裡面的文字底部對齊的方法
1、創建HTML元素
<div>文字在div的底部对齐</div>
2、新增css樣式
div{ width:200px; height:50px; /*设置div的大小*/ border:4px solid #beceeb; /*为了便于观察,显示出边框*/ display:table-cell; vertical-align:bottom; }
效果圖:
更多程式相關知識,請造訪:程式影片! !
以上是css怎麼將文字底對齊的詳細內容。更多資訊請關注PHP中文網其他相關文章!