css - 锚文本没有正确换行

Question

我需要锚文本换行到第二行并仍然保持布局。我已经尝试了一切，但我不确定我在这里做错了什么。

以上是我想要的。我的演示站点，您可以在其中看到实时布局：http ://www.iamvishal.com/residen/?q=node/54

我尝试了很多变化

最大宽度自动换行

但似乎没有任何效果。

Answer 1

奇怪的包装是由于使用padding了内联元素。您应该将 移动padding到li元素而不是锚点，或者将锚点更改为display: block或display: inline-block。

Answer 2

我在你的网站上用你的 CSS 玩了 arnd。这似乎可以解决问题。请在 jsFiddle 上发布您的 css 和 html，以便我们更好地帮助您。

 #navigation .links, #navigation .menu {
   text-align: -moz-center;
 }