在 div 元素内居中文本

Question

我有一段简单的html：

  <div style="width:60%;color:#000;text-align:center;">
    This is a test
  </div>

我想将 div 内的文本居中，但它不起作用。我在类似的堆栈溢出问题中尝试了其他解决方案，但无济于事。我尝试在段落元素中使用 use text-align ，但这也不起作用。如何让它水平居中？

目前正左对齐。

Answer 1

您的代码在我的机器上运行。

按照您编写的方式，字符串将在 div 可用空间的 60% 内居中。这将产生看起来稍微偏离中心的效果，但在技术上在您的 div 中居中。

如果您希望它位于页面中间的死点，请将宽度更改为 100%。

Answer 2

我只想补充一点，使用 <section> 而不是也适用于我需要的特定目的。

Answer 3

尝试使用：

 <center>
    your text here
 </center>

在你的 div 中