串联无序列表

Question

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

我想结果部门列出每行多个项目，但它看起来像我得到这个代码每行只有1项目。

Answer 1

你需要给ulmargin: 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>