查看完整版本: 如何用CSS让文字居于div的底部

snowfox373 2007-12-14 05:20

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

　　css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可以精确到像素，自己可以调节，是不是很不错呢?[code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" g m4`&Mhl9p(Yt
"http://www.w3.org/TR/html4/loose.dtd"> 7UwScmq5a
<html>
+b.l~Il1~J$sn <head> #_I9C/Lt`V
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> a$IBw&@-M/m)YN
<title>无标题文档</title>
1Lk7TUf <style type="text/css"> M g CR2n6sg6t7y
#txt{  
R)S3s1GF._A%L's7vw t.a-w/dJ9Qg
height:300px;
/gl4x-m X0j:r width:300px; "HEb3M5ed
border:1px solid #333333;
&M | b9EHv} text-align:center; rL)r t*C%^ rf
position:relative  
;r4VA8fH-h!C
9A$npOq#B8{ }
9A!WJ!P:^7]5O#{~ #txt p{ i ~ bw1];r D
position:absolute; l QzG f!zE
bottom:0px;
LFur:T6X qw padding:0px; !F [T~UJ&qd;y)O
margin:0px
-]hh9}7s dO3N } \z+[!j8E[P u_
</style> (K6D?F5S Y
</head>  d,X+J/c-Qr*{:{6G
Ln;^4yo| K!Ae
<body> V3`^n6EK;I
<div id=txt> i9b({$K"G5AW"u
<p>aadsad</p>
"~'Oc+{S </div> ]#M n/{'U
</body> oJ'N"\.`)j [
</html> [/code]
页: [1]
查看完整版本: 如何用CSS让文字居于div的底部
查看完整版本: 如何用CSS让文字居于div的底部