1

列ベースのブログレイアウトを作成しようとしています。テキストがページの下部に到達したときに、新しい列に折り返されるようにします。それは非常に単純な形式で、列がheight == the_height_of_the_wrapper次になるときのようなものcolumn-count++です。

そのようなものの問題は、テキストが均等に分散されることです。また、それはcss列に依存するので、もう少しブラウザに適したものが必要です。この機能のための既存のプラグインはありますか、または私がいくつかのアイデアを得ることができる場所はありますか？

誰かがテキストの多いWindows8の「メトロ」アプリ（ニュースアプリなど）のいずれかに精通している場合、それは私が模倣しようとしている種類のレイアウトです。

4

1 に答える 1

0

コメントで気づいたように、column-countそこでは使えません。しかし、解決策があります。これを確認してください。別のdivでオーバーフローしたテキストを続行しますか？

または。列が適切に塗りつぶされるラッパーに固定の高さを適用できます（パーセンテージでも機能します）。（例：w3schools.com/css3/tryit.asp?filename=trycss3_column-count）。コンテンツが指示するように余分な列を作成するように見えるため、固定の列数を指定する必要がないようにさえ見えます。

于 2013-03-11T11:15:23.257 に答える