無法使內容有容器

小提琴之間的匹配左，右間距是這裏http://jsfiddle.net/UzSt8/無法使內容有容器

我似乎有向左更小的空間，VS右邊的一個。我想在左右兩邊均勻間隔。

不確定在哪裏改變這一點。

請注意，這是創建使用粉底4個CSS等

感謝

   </div> 
<div class="row"> 
     <div class="large-12 columns"> 
      <div class="panel"> 

      <style> 
       .slider { height: 180px; float:center;} 
      </style> 
      <ul class="large-block-grid-4 small-block-grid-2"> 
      <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span> 
      <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span> 
      <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span> 
      <li><span class="label">HIGH</span><div class="slider"></div><span class="success label">LOW</span> 
       </ul> 
     </div>

來源

2013-11-02 Dano007

你能在左邊指定什麼和右邊什麼？ :) – 2013-11-02 19:04:55

我想對齊的綠色和紅色框，以便它們在外部容器的左側和右側上具有相同的空間 – Dano007

您的問題仍然是模糊的，但是這是你想要的嗎？

http://jsfiddle.net/f2kK6/

不得不清理一些東西

<div style="float:left;"> 
    <ul style="list-style:none;margin-left:-40px;"> 
    <li><span class="label">HIGH</span><div class="slider"></div></li> 
    <li><span class="success label">LOW</span></li> 
    <li style="margin-top:15px;"><span class="label">HIGH</span><div class="slider"></div></li> 
    <li><span class="success label">LOW</span></li> 
    </ul> 
       </div> 
     <div style="float:right;"> 
    <ul style="list-style:none;margin-left:-40px;"> 
    <li><span class="label">HIGH</span><div class="slider"></div></li> 
    <li><span class="success label">LOW</span></li> 
    <li style="margin-top:15px;"><span class="label">HIGH</span><div class="slider"></div></li> 
    <li><span class="success label">LOW</span></li> 
    </ul> 
       </div>

來源

2013-11-02 19:44:58

float: center不存在使用保證金左：自動; margin-right：auto;並給你的容器一個特定的寬度

來源

2013-11-04 15:21:08

無法使內容有容器

回答

相關問題