2012-03-12 51 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。

希望能幫助別人!