1

私の水平メニュー (ul + floated li で実行) では、li 要素が多すぎて現在の幅に収まらない場合、次の行 (最初の行の下) に表示されます。例：

最初 | 2番目 | 三番

四番目 | 5番目

それは正常です。しかし、次の行を最初の行の上に置くにはどうすればよいですか? 例：

四番目 | 5番目

最初 | 2番目 | 三番

私はレスポンシブ レイアウトを行っているため、この順序を静的に定義することはできません。ウィンドウの幅が小さすぎてすべての項目が 1 行に収まらない場合にのみ自動的に行われるはずです。

前もって感謝します、ダーク

4

2 に答える 2

1

ブラウザーの互換性が絶対的な要件ではない場合は、次のことを試してくださいflex。

ul {
    display:flex;
    display:-ms-flexbox;
    flex-flow: row wrap-reverse;
    -ms-flex-flow: row wrap-reverse;
}

上記はIE10で動作します。-moz- と -webkit- のバージョンを調べる必要があります。

于 2013-05-18T22:44:23.793 に答える