html - 在 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%。