我无法水平对齐图像

Question

我似乎无法让我的图像并排排列，它们只是保持堆叠在一起。我只有足够的知识来摸索我的指示，我卡在这里。

HTML：

<div class='sticky-bar'> 
    <div class='sticky-bar-inner'> 
     <div> 
      <a href='https://www.facebook.com/salvageinteriors' target='_blank'> 
       <img src='img.png' /> 
      </a> 
     </div> 
    </div> 
</div> 

我不能似乎得到的代码的其余部分在这里，但它只是不断重复以上。

CSS：

.sticky-bar { 
    background: none repeat scroll 0 0 #FFFFFF; 
    bottom: 0; 
    color: #000000; 
    font-weight: 700; 
    left: 10px; 
    margin: 9px; 
    opacity: 0.6; 
    position: fixed; 
    width: 45px; 
    z-index: 62; 
} 

.sticky-bar-inner { 
    display: inline-block; 
    margin-left:auto; 
    padding: 20px 0; 
    text-align: left; 
    width:90%; 
} 

Answer 1

试试这个：

使用浮动：左属性。它将用于并排对齐div，当达到父宽度时，图像将在下一行对齐。

HTML：

<div class='sticky-bar'> 
    <div class='sticky-bar-inner'> 
     <div class="inner-divs"> 
      <a href='https://www.facebook.com/salvageinteriors' target='_blank'> 
       <img src='img.png' /> 
      </a> 
     </div> 
    </div> 
</div> 

CSS：

为.sticky-BAR-内类集宽度

.sticky-bar-inner { 
    padding: 20px 0; 
    width:500px; 
} 

并设置浮动：左属性内在的形象e divs。

.inner-divs{ 
    float:left; 
}