自分のdivを自分の行に表示させ、liを次の行に強制しようとしています。私はhtmlを変更したり、要素を再構成することはできません。それはCSSの唯一の解決策である必要があります。ここで私のdiv要素をCSSで最初に表示するにはどうすればいいですか
は一例です： https://fiddle.jshell.net/129rgqr7/
電流出力は次のようになります。
Racquet Sports - Tennis
私は、出力は次のようになりたい：
Racquet Sports
Tennis
は作るために答えをクリアより読みやすい：
li {display:flex;flex-direction:column;list-style-type:none;}
li div {order:1;}
li span {order:2;}
そして、ここではJsfiddleです：https://fiddle.jshell.net/6puvsmn8/
あなたのポストにすべての関連コードを含めてください** **リンクを含めるだけではありません。あなたの投稿は他のリソースから独立しているべきです。将来サイトがダウンしたらどうなるか考えてみてください！ （恐ろしいことになるだろうが、われわれは知っている）また、コード共有ウェブサイトの使用を禁止する企業ファイアウォールの背後にいる人もいる。 –
完了、ありがとう:) –
残念ながら出力が私の出力と一致しません。 「ラケットスポーツ」が最優先である必要があります。 –
また、あなたは要素の順序を変更することができますthis articleに記載されている技術のいずれかを使用することができます。最良のブラウザサポートでもっとも簡単なのはおそらく：
li {
display: table;
}
#group {
display: table-header-group;
}
あなたの投稿にすべての関連コードを含めてください** **はリンクを含むだけです。あなたの投稿は他のリソースから独立しているべきです。将来サイトがダウンしたらどうなるか考えてみてください！ （恐ろしいことになるだろうが、われわれは知っている）また、コード共有ウェブサイトの使用を禁止する企業ファイアウォールの背後にいる人もいる。 –