css怎样让文字居于div的底部
发布时间：12/01 来源：未知 浏览：
关键词：
css让文字居于div的底部的办法：可以借助position属性的相对定位和绝对定位来实现，如【#txt{position:relative;} #txt p{position:absolute;}】。
本文环境：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的底部的具体内容，更多请关注百分百源码网其它相关文章！
