查看完整版本: 如何用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" moTK5w {D;~H
"http://www.w3.org/TR/html4/loose.dtd"> PDm K {Q
<html>
}2bT~"`k1xC*d#Jv <head>
9YUBW#m$z6nn <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> AT.k1A,X+hp(C
<title>无标题文档</title> )x"z6G%lq'Ae:S
<style type="text/css">
+Gqn {gU?RN #txt{  
}GYM[{W
:zS9MC;r4HJZ7n6y:C4i height:300px; 3n&D_ ~ @-bX
width:300px;
S T6X1|7x border:1px solid #333333; T9A;Pi2C4o
text-align:center;
E&~$N f~(s{\)g position:relative  
!h~sD8aC5t
C$gf'z7aJ } ZTy X [
#txt p{
h0U`*|v1j position:absolute;
!l9a6E%Zhd bottom:0px;
%qLg*Iu7Z padding:0px; R'A8p$ZM+}/Sxs)]
margin:0px
(pJ1R6g6t_ }
&r@3z@o </style> b)x$v5pE5i
</head>  
P4kI o9m4Y d,~G G [-lX*P2q"D
<body>
? ~2RP$r v,A3kL4fYv I <div id=txt> 5QmZ \C%q
<p>aadsad</p>
_+p/v'rFxT({ x:| </div>
*~iWku(Xe </body>
"x Y7C3Uli8m$VS </html> [/code]
页: [1]
查看完整版本: 如何用CSS让文字居于div的底部