14

今日、私は本当に素晴らしいプロジェクト（CSS3 PIE）に出くわしました。これにより、CSS設定と通常のCSS3表記を使用して、IE6、IE7、IE8でもCSS3の丸みを帯びた角、影、グラデーションを使用できるようになります。

トリックを実行し、開発者にとって本当に透過的な* .htcファイルを使用します（設定して忘れてください-新しいページを作成したり既存のページを変更したりするときに追加のスクリプト呼び出しはありません（CSSを変更しない場合））。

使用できる複数列のレイアウトに似たものはないかと思います。コンテンツは上から下（左から右）ではなく、左から右（上から下）に配置されるため、フローティングはオプションではありません...

CSS3マルチカラムレイアウトに似たものを開発している人はいますか？

4

4 に答える 4

8

多分ColumnizerjQueryプラグイン？

残念ながら、CSS3 PIEのようにスタイルシートを解析して関連するプロパティを探すことはありません（非常に便利な機能）。

CSS3PIEとそのプラグインはどちらもJavaScriptに依存しています。

于 2011-04-14T23:56:25.880 に答える
5

（電話帳のように）列順に流れる必要があるリストの別のソリューション

私が質問したのは、主に約1000人のユーザーのリストを表示する必要があったためです。この種のリストは非常に長く、多くのスクロールが必要です。そのため、これらのユーザーを列に配置して、列ごとに上から下に左から右に流れるようにするソリューションが必要でした。CSS3の複数列のレイアウトは私が必要としているものを正確に提供しますが、ブラウザーのサポートが問題です。それらはまだIE9でサポートされておらず、私のユーザーは主にIE（8または9）を使用しています。したがって、CSS2.1を使用して動作するソリューションが必要でした

これが、列レイアウトの順序で並べ替えられるように、またはに設定された要素のセットを取得して転置するjQueryプラグインを作成した理由です。float: left/right;display: inline-block;

プラグインは要素を並べ替え、列ラッパーなどを追加しません。要素を再配置するだけなので、行ではなく列に流れているように見えます。

問題の詳細が記載されている私のブログ投稿を確認できます。また、米国の州を再配置/転置する実際の例も見ることができます。または、GitHubでプロジェクトを監視し、新しいバージョンがリリースされたときに更新を取得することもできます（または、プロジェクトで発生する可能性のある問題を報告することもできます）。

于 2011-08-02T11:43:18.923 に答える
3

単純なリストアイテムがある場合は、これで十分かもしれません https://github.com/hamsterbacke23/multicolumn-polyfill

于 2013-07-20T23:46:27.443 に答える
1

これを試してみてください。

CSS3マルチカラム

テストしてからしばらく経ちましたが、提案されたプロパティを使用して、拡張機能として使用できるようにすることを意味します

フィドルに入れるテストケースを見つけることができるかどうかを確認します

アップデート

これがフィドルの例です

注（および免責事項）このデモを行ってから数年が経ちましたが、フィドルからはネイティブに機能しません（ブラウザが実際にサポートしているものが表示されます）。スクリプトが機能するには、CSSが含まれている必要があります。リンクされたファイルは、フィドルではできないと思いますが、インラインになります

上半分は、サポートされているもの、またはダウンロードした場合にスクリプトで何ができるかを示しています。下半分は、レコードによる期待の（テーブルベースの）モックアップです（ただし、これを行ってから数年になると言ったことを思い出してください）

SafariもFirefoxも「Expected：Table Mockup demo」とは一致しませんが、ローカルでテストしたすべてのブラウザーは同じように見えます。-ネイティブまたはスクリプトを使用して、複数の行にまたがる見出しを実行するブラウザはないため、「まだ機能が決定されていない」と言います;）

とにかく、オプションとしてそれをそこに投げ出すだけです-多分私よりも精通している誰かがスクリプトを改善することができますか？

于 2011-04-15T00:19:50.173 に答える