首页 > 教程 > HTML/JS/CSS > html网页中css设置图片img垂直居中的代码

html网页中css设置图片img垂直居中的代码

2017-08-04 10:59:44侠客源码 复制链接

<style type="text/css">
#box{
width:500px;height:400px;
display:table;
text-align:center;
background-color: #29A7E1;
}
#box span{
display:table-cell;
vertical-align:middle;
}
</style>

2.使用display:table和display:talbe-cell

<div id="box">
  <span><img src="http://static.zuidaima.com/resource/img/logo.png" alt="" /></span>
</div>

  • 上一篇: js动态加载iframe自适应高度
  • 下一篇:返回列表