Question

为什么背景颜色为f0f0f0的容器不适合我？我给了父元素text-align：center的css样式，但它似乎忽略了它？

<body>

  <header></header>

  <section class="container">
      <div class="box" id="box1">box1</div>
      <div class="box" id="box2">box2</div>
      <div class="box" id="box3">box3</div>  
  </section>


</body>

SASS

*
  margin: 0

body
  text-align: center

.container
  max-width: 1170px
  padding-top: 100px
  background-color: #f0f0f0

header
  height: 100px
  background-color: red

.box
  padding: 100px
  border: 1px solid black
  display: inline-block

Answer 1

section是block级元素。适用：

.container {
    ...
    margin: 0 auto;
}

到你的container，它应该可以正常工作。

Answer 2

您需要设置

.container {
  margin-left: auto;
  margin-right: auto;
  width: /* your width */
}

这应该是技巧

为什么集装箱不居中？

2 个答案: