2013-08-16 77 views
0

我使用一個網站,我的菜單中有很多長詞。我想在兩行中顯示它們,但不是一行。我在CSS中使用了文字包裝技術。用CSS打破詞?

{word-wrap: break-word} 

但是這個屬性打破了這個詞。

比如我有:Solution for enterprise

當我用文字換行屬性我得到這個:

Solution for enter 
prise 

而我想有:

Solution 
for enterprise 

感謝

+2

你可以發佈你的菜單代碼嗎? :) –

+2

'word-wrap'不會以你想要的方式爲你打破單詞,你需要使用'
'there –

+0

@putvande我回滾了你的編輯,因爲問題的含義已經丟失。 。 –

回答

0

各種選項,一些在評論中提到:

  • 在鏈接包裝器上設置一個寬度(li或其他),以便自然地包裝單詞;
  • 添加一個<br>元素,您希望單詞換行;
  • 圍繞單詞包裝span以包裝並將跨度設置爲display: block
0

改爲使用css的空白屬性。