1

これは私が頻繁に遭遇する問題です：

いくつかの水平ナビゲーションリンクを考えると、リンクが2本の線に押し上げられたり下がったりするように、リンクが押しつぶされないようにする方法はありますか？

これらのナビゲーションリンクのコンテナの最小幅を設定するだけで機能すると思いました（たとえば、ulまたはulのコンテナdivをmin-width：500pxに設定）が、例が示すように、それだけでは不十分です。単純なものが欠けているような気がしますが、それは未知の未知数です。

編集： li要素の余白を削除したところ、最終的に2行への折り返しが停止しました。ただし、含まれている要素の幅を単純に拡大するのではなく、追加されたパディングがなぜラッピングを引き起こしたのかはまだわかりません。

では、ナビゲーションリンクを鉄棒の形に保つためにどのようなテクニックがありますか？

これは、私が使用している現在の例を大まかに示したjsfiddleです。http： //jsfiddle.net/tchalvakspam/nE8yU/5/

4

1 に答える 1

0

それらを表示したいですか？それらをラップさせたくない場合の1つのオプションは、それらを表示しないようにすることです。あなたがそれをしたいなら、これはうまくいくでしょう：

#admin-header {
    overflow: hidden;
    white-space: nowrap;  
}
于 2011-08-18T18:46:33.167 に答える