你如何使用純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; 
}