如何⽤CSS让⽂字居于div的底部
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
2. "www.w
3. <html>
4. <head>
5. <meta http-equiv="Content-Type"content="text/html; charset=gb2312">
6. <title>⽆标题⽂档</title>
7. <style type="text/css">
8. #txt{
9.
10.  height:300px;
11.  width:300px;
div border属性
12.  border:1px solid #333333;
13.  text-align:center;
14.  position:relative
15.
16. }
17. #txt p{
18.  position:absolute;
19.  bottom:0px;
20.  padding:0px;
21.  margin:0px
22. }
23. </style>
24. </head>
25.
26. <body>
27. <div id=txt>
28. <p>aadsad</p>
29. </div>
30. </body>
31. </html>
因为css对⽂字的布局上没有靠容器底部对齐的参数，（或许有但是我没有发现）不过⽬前我使⽤的⼀个不错的⽅法也⽐较好．就是⽤position属性来解决，看下⾯的代码，我⽤position的相对和绝对定位功能也轻松的实现了，⽂字靠近div低部对齐，并且靠近的距离还可以精确到像素，⾃⼰可以调节，是不是很不错呢？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。