内联无序列表

Question

#results {
font-family: arial, helvetica, sans-serif;
list-style-type:none;
}
#results li {display: inline;}
#results li a {
float:left;
 }

我希望结果部门每行列出多个项目，但看起来我每行只能得到1个项目。

Answer 1

您需要提供ul margin: 0和padding: 0以及li一个width: 49%（为margin-right留出一些空间}）。

#results {
font-family: arial, helvetica, sans-serif;
list-style-type:none;
margin: 0;
padding: 0;
}
#results li {
display: block;
float:left;
width: 49%;  /* Or whatever */
margin-right: 1%;  /* Or whatever */
}
#results li a {

 }

Answer 2

我还要补充一点，我在结果ul中有另一个div。似乎当我将这个内部分区水平移除时，结果列表。

<ul id="results">

<% for user in @users -%>
 <li>
<div id="short_profile">
 <.... ruby code ...>
 </div>
 </li>
 <% end -%>
 </ul>