我有来自数据库的项目列表：
<ul>
<li>Jon Skeet</li>
<li>Darin Dimitrov</li>
<li>Marc Gravell</li>
<li>BalusC</li>
<li>Hans Passant</li>
<li>SLaks</li>
<li>VonC</li>
<li>Greg Hewgill</li>
<li>JaredPar</li>
</ul>
必要时列表会换行，每行应该有水平线，看起来有点像这样：
____________________________________________________
Jon Skeet Darin Dimitrov Marc Gravell BalusC
____________________________________________________
Hans Passant SLaks VonC Greg Hewgill
____________________________________________________
JaredPar
____________________________________________________
但是，我无法弄清楚如何让行具有全长行，所以它看起来像：
____________________________________________________
Jon Skeet Darin Dimitrov Marc Gravell BalusC
____________________________________________
Hans Passant SLaks VonC Greg Hewgill
__________
JaredPar
__________
我尝试过使用display:table-cell，但我无法弄清楚如何让它们换行，除非我知道连续应该有多少个（我不知道）。
I've 准备了一个jsfiddle http://jsfiddle.net/LTbXN/3/来说明我已经走了多远，以及它应该是什么样子。有什么建议么？
您可以尝试重复线性渐变 -DEMO http://jsfiddle.net/LTbXN/33/
ul, section {
margin: 40px;
max-width: 350px;
border-bottom: 1px solid #000;
background: -moz-repeating-linear-gradient(to bottom, black, black 1px, white 1px, white 36px);
background: -webkit-repeating-linear-gradient(black 0, white 1px, white 36px);
}
li {
display: inline-block;
padding: 0.5em;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
