使用文本將分割成小塊

Question

我正在一個網站上工作。並有一些菜單。 但我有一個問題，以正確的方式在我的屏幕上的信息。

我有一個寬度爲970px的導航包裝。 在這種包裝我有4個不同區域的

• 導航
• 語言切換
• 風格切換
• 搜索框中

我可以給最後4項固定的寬度和浮起來在右邊。 所以我可以給導航一些固定的寬度。

但後來我有一個問題。 在導航div中。你有每個菜單的結構。 像

<ul id="mainMenu"> 
    <li class="level1"> 
    <ul> 
     ... Subitems ... 
    </ul> 
    <a>Item 1</a> 
    </li> 
    <li class="level1"> 
    <ul> 
     ... Subitems ... 
    </ul> 
    <a>Item2 that is longer</a> 
    </li> 
</ul> 

在接下來的屏幕上，你明白我的意思。 前4項是導航。

在那裏我需要分割，所有菜單項超過 寬度。正如你所看到的，它被分成四部分組成。每個李都有一個邊框。 而文字應該在每個李的中間。 但我怎麼能根據我們使用的文本來區分它。

http://prntscr.com/27j2q

Answer 1

我已經解決了這個問題。

我使用了填充屬性。因爲我知道菜單中的項目。 通常他們不會改變。所以我可以這樣做。 它應該是更好的一些動態的東西。 但現在它也解決了。