以下技巧相信是比较实用的,让一行文字始终显示在某个Div的最底部,做前端开发,肯定什么情况都要碰到,虽然这个不常用,不过也是会用到的。用到position:relative、position:absolute;属性。text-align:center;这行是定义显示在最底行的文字水平居中,可以不设置,但文字会靠左显示。HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
CSS控制文字显示在Div底部#txt{
height:300px;
width:300px;
border:1px solid #333333;
text-align:center;
position:relative
}
#txt p{
position:absolute;
bottom:0px;
padding:0px;
margin:0px
}
这行文字会始终显示在方框的底部
本代码适用Div高度固定,也就是定义了高度的情况下,其实不定义高度的时候,它也是显示在最底部,因为没有高度的情况下,Div会自动适应容器内的内容。