您的位置：首页 > Web前端 > CSS

CSS：如何让元素在页面中水平垂直居中？

2017-04-08 23:18 525 查看
如何让元素在页面中水平垂直居中：

方法一：

html代码：

<div class="center"></div>


CSS代码：

.center{
width: 400px;
height: 200px;
background-color: #ccc;
position: absolute;
left: 0px;top: 0px;right: 0px;bottom: 0px;
margin: auto;
}


显示结果：无论如何改变div的宽度和高度，该元素都会在页面中水平垂直居中



（未完待续……）
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航