[分享]css中怎么让span居中

CSS中对于如何让居中，有多种方法可以实现。

一种常见的方法是利用CSS的text-align属性和display:inline-block属性，如下：

span {
  display: inline-block;
  text-align: center;
  width: 100%; /* 可选，根据具体需求选择是否需要设置宽度 */
} 

display:inline-block将元素设置为行内块级元素，允许设置宽高，同时允许水平方向内的居中。text-align:center;让子元素内容居中显示。

另一种方法是使用flex布局来实现居中，如下：

.parent {
  display: flex;
  justify-content: center; /* 水平方向居中 */
  align-items: center; /* 垂直方向居中 */
} 

在这种方法中，使用display:flex;将容器的布局模式设为弹性布局，justify-content:center;将子元素在水平方向居中，align-items:center;将子元素在垂直方向居中。

以上两种方法都可以达到让居中的效果，具体使用可以根据实际需要和情况选择。