Question

我左边的空间似乎比右边的空间小。我想在左右两边均匀间距。

不知道在哪里改变它。

请注意，这是使用基础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>

Answer 1

你的问题仍然含糊不清，但这是你想要的吗？

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>

Answer 2

float: center不存在使用margin-left：auto; margin-right：auto;并给你的容器一个特定的宽度

无法对齐内容以使容器之间具有匹配的左右间距

2 个答案: