HTML 属性对齐="center" 无效

Question

为什么 align="center" 属性不起作用？

为什么 style="text-align: center" 也不起作用？

<u><span align="center">Why is this not in the center?</span></u>
<br/>
<span style="text-align: center;">This is not in the center either</span>

Answer 1

这是因为u标签是行内元素所以它不能居中对齐。相反，您可以在 u 标签中制作一个 div，它会对齐。

HTML:

<div class="centered">
  <u><span align="center">Why is this not in the center?</span></u>
</div>

CSS:

.centered {
  text-align: center;
}

HTML attribute align="center" not working