首页 > 其他 > 详细

垂直居中

时间:2015-12-17 16:02:42      阅读:109      评论:0      收藏:0      [点我收藏+]

<div class="wrap"> 1211111 </div> <div class="wrap"> <img src="images/stars.png" > </div> <div class="wrap"> <div class="a"></div> </div> .wrap{width: 500px;padding: 20px 0;} 父元素高度不确定,
父元素高度确定的垂直居中
<table>
		<tr>
			<td>
				<div>112</div>
				<div>112</div>
				<div>112</div>
				<div>112</div>
			</td>
		</tr>
	</table>

td的vertical-align默认middle,不用设置
td{width: 300px;height: 300px;}

  

通过给父元素设置相同的上下内边距实现。

  

垂直居中

原文:http://www.cnblogs.com/wz0107/p/5054098.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!