Css 如何仅使用父元素水平居中HTML？

有没有一种方法可以只使用父包装器元素来集中一些HTML？父包装器元素无法引用

innerHTML

的

宽度。我唯一能做的就是使用
标记，但是我们知道
已经过时了。例如，要居中执行以下操作：

<div style="width:100px;height:100px;background-color:#ff0000;"></div>



这：



这：

这里有一点文字


或者这个：

<p style="width:400px;">a lot of text here fjskdfj sldjf slkdfj skldjf ksdjf kdsfj ksdjf skdfj ksdjf ksdjf ksdjf ksdjf ksdjf skdjf ksdjf skdfj skdfj ksdjf skdjf ksdjf ksdfj skdfj skdfj skdfj</p>

这里有很多文本fjskdfj sldjf slkdfj skldjf ksdjf kdsfj ksdjf skdfj ksdjf ksdjf ksdjf ksdjf ksdjf ksdjf skdjf ksdjf skdjf skdjf skdfj skdjf skdjf ksdjf ksdjf skdjf skdfj skdfj skdfj skdfj skdfj

---

我可以简单地用

将它们包装起来，它就可以工作了。但是还有其他方法吗？

以css为中心

html code:

<div class="parent">
  <div class="center">
      <p>A lot of text here</p>
  </div>
</div>

---

带有类

中心的
将在中心对齐。
为父级定义
文本对齐
属性，如下所示：
文本对齐：中心
添加
文本对齐：在
父元素上居中
。
不是我要找的。我希望父元素进行居中。这里是让内部元素做定心。当我使用
作为父元素时，它正在居中。@Ryan这是什么意思，“父元素居中”。你只是想把文本居中吗？我想用一个父包装器元素来居中任意HTML。当我只使用
作为父包装器元素时，它可以工作，并且我不必在内部元素上使用
margin:0 auto
。它也适用于内联元素和块元素。但是有没有一种方法不使用
？在这种方法中，子元素相对于父元素居中。使用边距是使用
center
标记的替代方法
<p style="width:400px;">a lot of text here fjskdfj sldjf slkdfj skldjf ksdjf kdsfj ksdjf skdfj ksdjf ksdjf ksdjf ksdjf ksdjf skdjf ksdjf skdfj skdfj ksdjf skdjf ksdjf ksdfj skdfj skdfj skdfj</p>

html code:

<div class="parent">
  <div class="center">
      <p>A lot of text here</p>
  </div>
</div>

.parent {
   width:800px;
}

.parent .center {
    width:400px;
    margin: 0 auto;
}