0

我试图在一个页面上居中多个 div 元素。但是有些不需要居中，所以我已经排除了使用 body 元素。我想有三种方法可以做到这一点：

第一种是使用容器，但是这为纯布局样式添加了一个元素，并且不是很语义化。

<div id="notcentred">
<div id="container">
  <div id="centrediv1"></div>
  <div id="centrediv2"></div>
</div>

第二种方法是创建一个中心类，并将其简单地添加到需要居中的每个元素中。

<div id="notcentred">
<div id="centrediv1" class="centre"></div>
<div id="centrediv2"class="centre"></div>

第三个是将中心 CSS 添加到每个 DIV 的 ID。

<div id="notcentered">
<div id="centrediv1"></div>
<div id="centrediv2"></div>

我认为 2 号是最好的，因为它是最容易管理的，也是最语义化的，但如果有什么我不知道的，欢迎选择。

提前致谢。

4

1 回答 1

0

这是设计的确切用途类。所以，真的，使用理想主义的 CSS 第三个是错误的。前两个绝对没问题。

虽然，如果您希望所有 div 都相似，将一些 div 放入包装器 div 可能会使其他设置的样式变得更加困难。第二个还允许您更轻松地将居中的 div 分散在非居中的 div 中。第二个元素也更少，这将使您的代码更易于阅读！

考虑到这一点，我会推荐第二个。

于 2012-06-30T17:15:17.173 回答