你如何使用纯CSS而不使用Bootstrap来集中两个div？

Question

所以我知道这可以通过使用Flexbox来实现，但特别是在处理Bootstrap未加载的非常轻量级的电子商务网站时（比如Shopify主题），有时候我们只是想简单地使用纯CSS。

如何使用CSS实现与此相同的效果？

<center> 
    <table> 
    <tr> 
     <td> 
     <div> 
      <img ... /> 
      <br /> 
      <label ... /> 
     </div> 
     </td> 
     <td> 
     <div> 
      <img ... /> 
      <br /> 
      <label ... /> 
     </div> 
     </td> 
    </tr> 
    </table> 
</center> 

（例如原油，但希望它得到跨点。）

Answer 1

您需要设置保证金对股利为自动。这将把div放在父容器中。

div { 
    margin: 0 auto; 
    width: 100px; 
}