list - マルチカラムのトラブル（CSS3）

Question

説明付きの項目のメニューリストのCSS3での複数列の実装に問題があります。

ライブビューについては、デモを参照してください。

実際には、ブラウザウィンドウのサイズを変更するときに、メディアクエリを使用して列数を変更しますが、3列の場合、2番目の列の上部でエラーが発生します。

実際、説明は、明らかなように、最初の列の最後の項目の下部にある必要があります。

誰か助けてもらえますか？

Answer 1

これを追加する必要があります：

-webkit-column-break-inside: avoid;
column-break-inside: avoid;

あなたへ：

#indice ul li 

セレクタ。