文章摘要：css如何垂直居中 css实现垂直居中
在css中设置垂直居中的方法：1.使用line-height属性设置垂直居中；2.使用verticle-ali […]
在css中设置垂直居中的方法：1.使用line-height属性设置垂直居中；2.使用verticle-align属性设置垂直居中；
在css中设置垂直居中的方法
1.使用line-height属性设置垂直居中
页面布局：
<body>
<div id="out">
<div id="in"></div>
</div>
</body>
css样式：
#in{
height: 100px;
line-height: 100px;
border: solid 1px #333;
}
2.使用verticle-align属性设置垂直居中
页面布局：
<body>
<div id="out">
<div id="in"></div>
</div>
</body>
css样式：
#out{
width:600px;
heigth:300px;
}
#in{
width:50%;
height:50%;
display：inline-block;
vertical-align:middle;
}
声明：
若非注明，本站文章源于互联网收集整理和网友分享发布，如有侵权，请联系站长处理。
文章名称：css如何垂直居中 css实现垂直居中
文章链接：http://www.7966.org/post/12449.html
转载请注明出处
