我想我已经完成了。对不起,我的问题不清楚 - 我会尝试澄清,然后显示我如何修复它。
说我有一个列表:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
我希望这样的水平,但在两行显示 - 有点像两个ULS设置为显示LIS:内联。像这样:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
<ul>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>
但是我无法编辑HTML。
浮动留下的所有列表项,但增加一个明确的相当容易:留在项目4
我的问题是,LIS也设置为文本对齐:中心和浮动左对齐,他们左。我可以在第1和第4项中添加边距,但布局是液化的,所以不起作用。
最后,我不停的所有LIS为显示:内联倒是“白色空间:前”到第3项。这意味着第4项视觉下启动一个新的列表,但两者的名单仍在中心对齐。
然后我遇到了另一个问题,这2所列出的差距是相当大的 - 换行到大的尺寸,所以我减半了行高,它均能奏效。
没有检查IE6,但已检查了PC即< 9 FF和铬。需要检查safari。
希望能帮助别人!
不知道我是否理解你的问题。你是否尝试过'display:inline-block;'如果我误读了,你可能会发布你现在使用的代码,我可能会看到问题更好一些。 – Andrew 2012-03-12 11:38:44
发布您的代码以便更好地理解 – sandeep 2012-03-12 11:41:13
对不起,如果这不是很清楚。我想我已经真正做到了。我试图给出答案以及清除我的问题,但我需要等待更长的时间,因为我没有足够的分数!如果有人感兴趣,我会在以后回复。 - 谢谢 – user1010892 2012-03-12 15:14:32