html - 不滑动居中div

Question

我的网址 http://www.ilandeistudio.com/store/

在主 slider 下方，我有一些图像和类别。如何将 div“Nelson”居中并将其锁定到位，以便它们在缩放/缩小时保持原样？

我尝试使用 padding-left 和 margin-left，但它们也增加了类别之间的空间。我只想将整个组滑到中心...

谢谢!

Answer 1

将这些元素放入容器 div 并为该 div 指定一个 width 和 margin: 0 auto;

HTML:

<div class="nelsonContainer">
  <div class=nelson> 
    <a href="http://www.ilandeistudio.com/store/index.php?route=product/category&amp;path=49"> 
      <img src="http://www.ilandeistudio.com/store/image/cache/data/illandei-120x120.png" /> 
    &nbsp;&nbsp;&nbsp;&nbsp;OUTDOOR
    </a> 
  </div>
  <div class=nelson> 
    <a href="http://www.ilandeistudio.com/store/index.php?route=product/category&amp;path=52"> 
  <img src="http://www.ilandeistudio.com/store/image/cache/no_image-120x120.jpg" /> 
    &nbsp;&nbsp;&nbsp;&nbsp;LIVING   
    </a> 
  </div>
  /* etc. */
</div>

CSS:

.nelsonContainer {
  width: 960px;
  margin: 0 auto;
}