需要帮助显示没有间隔父母列表的儿童列表

我打印出我们提供的大学专业列表，然后在每个专业中，我们有每个专业的浓度。需要帮助显示没有间隔父母列表的儿童列表

我们的科学主要有以下浓度：环境科学&林业，捏脊，化学，生物

这里是它是做什么的屏幕截图： alt text http://i38.tinypic.com/28r2vk7.jpg

我不想间距它在屏幕截图中显示（我不希望在人力资源管理AAS之后和心理学之后看到的间隔），任何帮助都会被赞赏。

来源是这样的：

<ul class="majors-list"> 
    <li>Major 
     <ul class="concentrations-list"> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
     </ul> 
    </li> 
    <li>Major 
     <ul class="concentrations-list"> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
     </ul> 
    </li> 
    <li>Major 
     <ul class="concentrations-list"> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
     </ul> 
    </li> 
    <li>Major 
     <ul class="concentrations-list"> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
      <li>Concentration Item</li> 
     </ul> 
    </li> 
</ul>

这里是CSS：

.col-middle .majors-list li{ 
    list-style-type:none; 
    width:50%; 
    float:left; 
    margin-bottom:2px; 
} 

.col-middle ul.majors-list{ 
    margin-left:0; 
} 

.col-middle ul.concentrations-list{ 
    overflow:auto; 
} 

.col-middle .concentrations-list li{ 
    float:none; 
}

来源

2008-11-26 Brad

你是指'＆'和'Forestry'之间的换行符？ – zaratustra 2008-11-26 17:31:31

如果您需要任何帮助，我们需要更具体的信息。你不想要什么间距？它应该是什么样子？没有任何信息很难提供帮助。 – 2008-11-26 17:33:23

我认为它与左栏第一个主要部分下的空间有关。但是我没有看到它是如何进入列的。看起来像我的桌子！ – Karl 2008-11-26 17:36:39

没有一些javascript你将无法做到这一点。有了mozilla或webkit，你可以使用 - [moz | webkit] -column-count：2;但即使这样也不会给你提供给定的css几乎为你提供的解决方案，换句话说，排序是垂直的而不是水平的。当我玩列数属性时，内部列表也在列上被分割，我认为这也是不够的。

一个JavaScript解决方案，我相信可以很容易地用像jquery这样的框架完成，可能会采用每个li元素并动态定位它们的位置组合：relative和position：绝对属性和一点点的数学。

来源

2008-11-26 20:22:13 Dave