css如何让文字居于div的底部(文字居于div底部的方式)
生活随笔
收集整理的這篇文章主要介紹了
css如何让文字居于div的底部(文字居于div底部的方式)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本教程操作環境：windows10系統、css3版本，本文適用于所有品牌的電腦。
背景：
css對文字的布局上沒有靠容器底部對齊的參數，可以考慮使用position屬性來解決。
（學習視頻分享：css視頻教程）
屬性介紹：
position屬性指定一個元素（靜態的，相對的，絕對或固定）的定位方法的類型。
屬性值：
-
absolute 生成絕對定位的元素，相對于 static 定位以外的第一個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
-
fixed 生成固定定位的元素，相對于瀏覽器窗口進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。
-
relative 生成相對定位的元素，相對于其正常位置進行定位。因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。
-
static 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
舉例：
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標題文檔</title>
<style type="text/css">
#txt{
height:300px;
width:300px;
border:1px solid #333333;
text-align:center;
position:relative;
}
#txt p{
position:absolute;
bottom:0px;
padding:0px;
margin:0px
}
</style>
</head>
<body>
<div id=txt>
<p>aadsad</p>
</div>
</body>
</html>
登錄后復制
相關推薦：CSS教程
以上就是css如何讓文字居于div的底部的詳細內容，更多請關注風君子博客其它相關文章！
總結
以上是生活随笔為你收集整理的css如何让文字居于div的底部(文字居于div底部的方式)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 常用内存数据库介绍
- 下一篇： 北大青鸟php培训多少钱(在线培训学习直