錨文本沒有正確包裝

Question

我需要將錨文本包裝到第二行並仍然保持佈局。 我已經嘗試了一切，我不知道我在這裏做錯了什麼。

以上是我想要的。我的演示站點，其中u可以看到現場的佈局：http://www.iamvishal.com/residen/?q=node/54

我已經嘗試了許多變化

最大寬度 換 -

，但似乎沒有任何工作。

Answer 1

奇怪的包裝是由於在內聯元素上使用padding所致。您應該將padding移至li元素而不是錨點，或將錨點更改爲display: block或display: inline-block。

Answer 2

我在你的網站上玩過你的CSS。這似乎有伎倆。不要在jsFiddle上發佈你的css和html，這樣我們可以更好地幫助你。

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