margin：auto不能使用width：auto

Question

我想先将div作为中心。

保证金：自动无法使用宽度：自动。

宽度值必须为自动

  <div style="display:block;margin:auto;width:auto">
      <div style="background-image:url(assets/img/asd.png) "></div>
      <div style="background-image:url(assets/img/abc.png)"></div>
      <div style="background-image:url(assets/img/asd.png)"></div>
      <div style="background-image:url(assets/img/asd.png)"></div>
   </div>       

Answer 1

你不能。显然，你正试图将这些图像居中。只需使用它：

<div style="text-align: center;">
  <div style="display: inline-block;background-image:url(assets/img/asd.png) "></div>
  <div style="display: inline-block;background-image:url(assets/img/abc.png)"></div>
  <div style="display: inline-block;background-image:url(assets/img/asd.png)"></div>
  <div style="display: inline-block;background-image:url(assets/img/asd.png)"></div>
</div> 

最好使用类和样式表而不是内联CSS ....

Answer 2

你不能。

你的外部div是100％宽，它填满整个窗口，这使得无法居中。

相反，您应该在代码周围包装一个宽度为px或％的容器，并在其上设置margin: 0 auto;。然后，您的内部代码将设置为width: 100%;

另一方面，如果您希望内部的内容居中，请使用text-align: center;