次のようにテキストを垂直方向と水平方向に折り返す複数列のレイアウトを作成しようとしています: https://new.myspace.com/discover/trending/2013/01/23/jeremy-allen-white-cant -セックスからの脱出
私を助けることができる記事を見つけることができないようです。
これは私のスタイルシートにあるものですが、各列のテキストはブラウザーの下部に到達する前に折り返されます。
現在の様子は次のとおりです。 http://jsfiddle.net/koryeast/ztfED/
@media (min-width:800px)
{
div
{
-webkit-column-fill: auto;
-webkit-column-width: 300px;
-webkit-column-gap: 40px;
}
}
しかし、ご覧のとおり、各列のテキストはブラウザーの下部に到達する前に折り返されています。
テキストがブラウザの一番下に達した場合にのみ、テキストが次の列にオーバーフローするようにするにはどうすればよいですか?
どんな助けでも大歓迎です！
ありがとう