我使用w3schools示例编写了简单的CSS以使文本对齐：
text-align:center
当我以相同格式添加下划线时，该下划线有效。
这是代码段：
.CenterIt {
text-align:center;
}
.UnderlineIt {
text-decoration:underline;
}<span class="UnderlineIt">
<span class="CenterIt">Registration Form</span>
</span> 这是w3schools页面（“对齐文本”部分）：https : //www.w3schools.com/css/css_align.asp
在我的完整代码中，我有要在另一个框内居中的文本。我已经在那个盒子里面和任何盒子外面都尝试过了。它不会居中。
.CenterIt {
text-align:center;
display:block;
}
.UnderlineIt {
text-decoration:underline;
}<span class="UnderlineIt">
<span class="CenterIt">Registration Form</span>
</span>的显示属性span默认为inline。即
display:inline;
因此，<span>将仅占用其内容的宽度。相反，默认情况下，block诸如之类的元素<div>将其内容的整个行（进而是页面的整个宽度）占用。
为了使text-align起作用<span>，您需要将其更改为一个block元素。
组
display: block;
对于spanwith.CenterIt类。这将使.CenterIt整行（并因此占据页面的整个宽度），然后text-align: center;将内容集中。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句