css如何垂直居中
在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;
}
声明:本站所有作品(图文、音视频)均由用户自行上传分享,或互联网相关知识整合,仅供网友学习交流,若您的权利被侵害,请联系 管理员 删除。
本文链接:http://news.ew35.com/