在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;
}
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:css水平居中的方法有哪些