CSSメニュー文字列が2行目で改行しない

Question

CSSメニューがあります。

問題は、長い文字列を持つul liでは、2行目で途切れることはなく、1行でメニューから抜け出すことです。

ここで私のCSSコードを見てみましょう。

ここで問題は何ですか？

は、ここにリンクhttp://jsfiddle.net/mr_mikey/nR2t6/

Answer 1

はあなたのCSSから次のスタイルを削除します。

#mainmenu ul ul a { 
    white-space: nowrap; 
} 

Answer 2

それはあなたの代わりに、インラインspanタグを使用していることだろう - （それはない、私はそれが動作するシンプルなメニューを作ってきたが、この場合には、ドロップダウンメニューの）ブロックレベルdivタグの自分自身を試していないが、これはオーバーフローやラッピングの処理方法に影響を与える可能性があります。 "break-word"に設定しようとする "word-wrap"というCSS3プロパティもあります。