css怎麼將文字底對齊

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中文網其他相關文章！