使用文本将分割成小块

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

我已经解决了这个问题。

我使用了填充属性。因为我知道菜单中的项目。 通常他们不会改变。所以我可以这样做。 它应该是更好的一些动态的东西。 但现在它也解决了。