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

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

背景：

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

（學(xué)習(xí)視頻分享：css視頻教程）

屬性介紹：

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

屬性值：

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

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

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

• static    默認(rèn)值。沒有定位，元素出現(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