网页制作 
首页 > 网页制作 > 浏览文章

怎样使div中的文字在div的底部显示实现样式

(编辑:jimmy 日期: 2024/9/30 浏览:3 次 )
如果你的div的高度是100px;那么你应该把行高设置成170左右(大约是div高度的二倍,具体的可以调,决定行高的主要原因是字体的大小),如果仅仅是这样的话,那么在IE6下就会出现div高度加倍的现象,解决的方法是在div的css样式里面加上overflow:hidden;

举个例子:

html代码:

复制代码代码如下:
<div class="one">
fsdfsdf
</div>

css代码:

复制代码代码如下:
.one{ height:100px; width:200px; background:#999; line-height:170px; overflow:hidden;}
上一篇:CSS3 Media Queries(响应式布局可以让你定制不同的分辨率和设备)
下一篇:CSS3新属性transition-property transform box-shadow实例学习