CSS处理div中对象垂直对齐

<style type="text/css"> .box { border:#eee solid 1px; width:300px; height:120px; line-height:120px; display:table-cell; vertical-align:middle; text-align:center; }</style>CSS设置
<style type="text/css">
.box {
border:#eee solid 1px;
width:300px;
height:120px;
line-height:120px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
</style>
1.文本
<div class="box">Sample text</div>

Sample text

2.图片(IE下在图片后面加一个空格)
<div class="box"><img alt="" src="http://www.csdn.net/images/newcsdnlogo.gif" /> </div>

阅读更多

没有更多推荐了,返回首页