2012-03-12 46 views
0

我已经在一个UL浮动左,文本对齐中心或显示内联但断线?

该单个列表需要有两行以一定利

它需要在视觉上为中心的导航。

通常我会把这两个独立的上行线路及使用对李文本对齐中心,但我不能得到的HTML。

我试图浮动左,使用透明的LIS:留在李我想打破,但文本对齐中心没有olonger作品。我可以在第一个li和第一个li的位置放置左边距,我希望这个突破可以伪造文本对齐,但是网站是液化的,所以宽度需要改变。

这几乎就像我需要用一个显示块 - 或打破这里,但让下一行与它内联。

我想,也许我可以用生成的内容和东西BR,但它至少需要在IE7中工作。

任何想法??

在此先感谢。

+1

不知道我是否理解你的问题。你是否尝试过'display:inline-block;'如果我误读了,你可能会发布你现在使用的代码,我可能会看到问题更好一些。 – Andrew 2012-03-12 11:38:44

+0

发布您的代码以便更好地理解 – sandeep 2012-03-12 11:41:13

+0

对不起,如果这不是很清楚。我想我已经真正做到了。我试图给出答案以及清除我的问题,但我需要等待更长的时间,因为我没有足够的分数!如果有人感兴趣,我会在以后回复。 - 谢谢 – user1010892 2012-03-12 15:14:32

回答

0

我想我已经完成了。对不起,我的问题不清楚 - 我会尝试澄清,然后显示我如何修复它。

说我有一个列表:

<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。

希望能帮助别人!