在css中实现水平居中的方法:使用text-align属性设置行内元素水平居中;2.使用margin属性设置块状元素水平居中;
在css中实现水平居中的方法
1.使用text-align属性实现行内元素水平居中
页面布局:
<body><p>水平居中</p>
</body>
css样式:
p {text-align: center;
}
2.使用margin属性实现块状元素水平居中
页面布局:
<body><div>水平居中</div>
</body>
css样式:
div{width: 200px;
text-align: center;
margin: 0 auto;
}