0

IE の css 列に問題がありますが、FireFox と Chrome では問題なく動作します。

IE では、ページ全体で 1 行になります。

コードは次のとおりです。

.three-col {
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
}

IE だけでなく他のブラウザでも問題ないように修正するにはどうすればよいですか?

私が得たすべての助けに感謝します。

4

2 に答える 2

3

Internet Explorer は、バージョン 10 まで複数列のレイアウトをサポートする予定はありません。Mozilla および Webkit ブラウザでのテスト用にフラグが立てられたプロパティの実験的バージョンをサポートすることは期待できません。

フォールバック デザインを作成する (または実験的な機能を使用しない単一のデザインを作成する) か、ページ、(実際の、レンダリングされた) フォント サイズなどを測定する JavaScript を使用してコンテンツを再配置する必要があります。

于 2012-05-10T12:11:29.900 に答える
2

私はあなたに役立つかもしれない関連する質問でこれを見つけました。ie を css3 列で動作させることができる jQuery のプラグインです。

http://welcome.totheinter.net/columnizer-jquery-plugin/

私がこれを見つけた元の質問について: How to display CSS3 columns on IE?

于 2012-05-10T12:11:53.500 に答える