小編給大家分享一下css怎么讓文字居于div的底部，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)專注于平頂山網(wǎng)站建設服務及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供平頂山營銷型網(wǎng)站建設，平頂山網(wǎng)站制作、平頂山網(wǎng)頁設計、平頂山網(wǎng)站官網(wǎng)定制、小程序設計服務，打造平頂山網(wǎng)絡公司原創(chuàng)品牌,更為您提供平頂山網(wǎng)站排名全網(wǎng)營銷落地服務。

css讓文字居于div的底部的方法：可以借助position屬性的相對定位和絕對定位來實現(xiàn)，如【#txt{position:relative;} #txt p{position:absolute;}】。

背景：

css對文字的布局上沒有靠容器底部對齊的參數(shù)，可以考慮使用position屬性來解決。

（學習視頻分享：css視頻教程）

屬性介紹：

position屬性指定一個元素（靜態(tài)的，相對的，絕對或固定）的定位方法的類型。

屬性值：

• absolute    生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。

• fixed    生成固定定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規(guī)定。

• relative    生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。

• static    默認值。沒有定位，元素出現(xiàn)在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。

舉例：

#txt{ 
 
 height:300px;
 width:300px;
 border:1px solid #333333;
 text-align:center;
 position:relative;
 
}
#txt p{
 position:absolute;
 bottom:0px;
 padding:0px;
 margin:0px
}

 
 


aadsad