Question

CSS怎么让文字居中？

<li className="list-group-item w-100 ">
<a>
<span>abc</span>
</a>
</li>

Answer 1

让文字居中的最主要的标签就是text-align:center;如果你还有别的文字居中的需求，可以通过margin:0 auto来控制文字所在层的居中。

Answer 2

小伙伴们用弹性布局的时候 是不是总是控制不好呢？那是因为你还没有了解弹性布局的精髓~

Answer 3

文字居中这么来弄：
......
<style>
li{/*把li标签当成容器*/
display:block;/*转换成块元素*/
width:100px;/*长度100px*/
line-heiht:30px;/*文字纵向居中，纵向高度30px*/
text-align:center；/*文字横向居中*/
}
</style>
<li className="list-group-item w-100 ">
<a>
<span>abc</span>
</a>
</li>
......

Answer 4

<li class="list-group-item w-100" style="text-align:center">

Answer 5

1、text-align的值与说明：

text-align语法：
text-align : left | right | center | justify

text-align参数值与说明：

left : 左对齐

right : 右对齐

center : 居中

*justify : 两端对齐（不推荐使用，通常大部分浏览器不使用）

我们对text-align常用的参数值为left、right、center

text-align
功能说明：
设置或检索对象中文本的左中右对齐方式。

2、使用范例与使用语法

div{ text-align:left }
 div标签对象内内容（图片和文字等）
将靠左对齐
div{ text-align:right} 
div标签内内容（图片和文字等）
将靠右对齐
div{ text-align:center }
div标签内内容（图片和文字等）将居中对齐