HTML列表包装问题

Question

我有一个HTML列表这种风格：

font-weight: bold; 
padding: 0px; 
margin: 0px; 
list-style-type: none; 
display: block; 
width:700px; 
font-size: 14px; 
white-space: pre-wrap; 

并且细胞具有这种风格：

display: inline; 

，我有每个单元之间间隔的细胞与这种风格：

padding-right: 20px; 
display: inline; 

我的问题是，当它的列表太长，700像素，它包装。我想要这个，但我不希望这些对象分别在两条线上。我试过CSS空白属性，但似乎没有任何工作。有任何想法吗？

Answer 1

我想你想要的是摆脱间距列表项目（请不要称之为单元格），并在列表项目样式上放置一个保证金。你想要边缘，它可以被浏览器在容器边缘吃掉，而不是填充，而不是。