如何使用css和html对齐div标签

Question

我想要链接中提到的div标签。我需要将整个div放在一个包装器中，它应该是页面的中心        DIV1        DIV2        DIV3        DIV4        DIV5        DIV6 DIV outline

Answer 1

首先，您需要包装器div元素。使用固定宽度1000px或您喜欢的东西来定义它。要使包装器对齐中心，只需将其左右边距设置为auto。

对于该包装器中的第一个可用空间，您可以将padding-top设置为包装器元素，或将margin-top设置为DIV1元素。

对于DIV3，DIV4，DIV5，您可以在另一个div中查看它们。并将这三个div设置为float左侧。确保将宽度设置为这三个div。在这三个div之后，您需要使用clear属性以便清除浮点数。 这是一种方式，还有其他一些方法也可以达到同样的效果。

无论如何，我给你一些想法。现在尝试并向我们展示您的代码。看到代码后我们会给你更多建议。 ：）

Answer 2

从您提供的图片看来，html就像：

<div class='wrapper'>
<div>DIV1</div>
<div>DIV2</div>
<div class='inlineDivs'>DIV3</div>
<div class='inlineDivs'>DIV4</div>
<div class='inlineDivs'>DIV5</div>
<div>DIV6</div>
</div>

并且必需的css将是：

  

.inlineDivs {
   显示：内联;
   宽度：33.3％;
   text-align：center;
  }
  .wrapper {
   宽度：800px;
  }

根据需要调整宽度。