0

有没有办法只使用父包装元素来居中某些 HTML？父包装元素不能引用width. innerHTML我能做到的唯一方法是使用<center>标签，但我们知道<center>它已经过时了。例如，center对此：

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

这个：

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

这个：

<p>a little text here</p>

或这个：

<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>

我可以简单地将它们包装起来<center>，它就可以工作。但是还有其他方法吗？

4

3 回答 3

0

用css居中

html code:

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

CSS代码： 

.parent {
   width:800px;
}

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

并且<div>with 类center将在中心对齐。

于 2012-07-30T23:52:30.317 回答
0

像这样为父级定义text-align属性：text-align: center;

于 2012-07-31T00:24:11.323 回答
0

Add text-align: center on your parent element.

于 2012-07-31T00:26:05.227 回答