html - 有没有办法在不影响元素呈现方式的情况下居中对齐此 span 元素？

Question

我正在使用 this 渲染星级我需要将我的 html 页面的所有元素居中，包括星星。该页面将如下所示:

问题是，当我使用 <center> 时或 <style="text-align: center;">星星最终看起来像这样:

代码:

<center>
  <span class="stars">4</span>
</center>

结果:

有没有办法在不影响其呈现方式的情况下使 span 类居中？我尝试使用 margin-left/right，但当我更改浏览器的大小/在手机上使用时，它们看起来很糟糕。

它是什么:

我想要的:

Answer 1

使用 margin: 0 auto;。它将以其父 div 为中心..

如果您想了解更多关于 margin: 0 auto; 的信息，请试试这个 link .