html让字体放在最div的中心,CSS控制文字在Div最底部显示

以下技巧相信是比较实用的,让一行文字始终显示在某个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会自动适应容器内的内容。