CSS處理div中對象垂直對齊

來源:互聯網
上載者:User

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>

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.