css水平居中的各种方法

说到水平居中，大家可能觉得很简单啊，text-align:center 就OK了。

但是，有时候会发现这样写了也没出效果。原因是什么呢？  请往下看。

水平居中：分为块级元素居中和行元素居中

行内元素：

行内元素就是内联元素。例如<span>、<a>、<label>、<em>、<img>等。。

直接构建一个具有 ”text-align:center“样式的容器，那么里面包含的行内元素就会都居中了。

 <div style="text-align:center;border-style:solid">    <p style="border-style:solid">我是块级元素，我不居中</p>    <span style="border-style:solid">我是行内元素，我要居中</span>  </div>

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

原标题：css水平居中的各种方法

关键词：CSS