如何用CSS让文字居于div的底部-CSS教程-爱易网页

如何用CSS让文字居于div的底部

日期：2014-04-09　浏览次数：21576 次

网页制造aiyiweb文章简介：这个问题是别人提出的，由于css对文字的规划上没有靠容器底部对齐的参数，（或许有但是我没有发现）不过目前我使用的一个不错的方法也比较好．就是用position属性来处理，看下面的代码，我用position的绝对和绝对定位功用也轻松的实现了，文字靠近div低部对齐，并且靠近

　　这个问题是别人提出的，由于css对文字的规划上没有靠容器底部对齐的参数，（或许有但是我没有发现）不过目前我使用的一个不错的方法也比较好．就是用position属性来处理，看下面的代码，我用position的绝对和绝对定位功用也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，本人可以调理，是不是很不错呢？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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让文字居于div的底部

相关资料更多>

推荐阅读更多>