css中元素居中总结

很多时候，我们需要让元素居中显示：1. 一段文本的水平居中，2. 一张图片的水平居中，3. 一个块级元素的水平居中；4. 单行文本的竖直居中，5. 不确定高度的一段文本竖直居中，6. 确定高度的块级元素竖直居中等等。现在分别对其进行总结下(这篇文章也在 imooc 里发表过手记，可是因为板式的原因不太容易读懂。)：

1. 让元素水平居中，使用 text-align: center;

<div >水平居中</div>    .text-center {  width: 200px;  height: 100px;  text-align: center; /* 让文本水平居中 */  color: #fff;  background-color: #f54;}

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：css中元素居中总结

关键词：CSS