1

テキストが複数の列にある必要があり、列幅がパーセントで定義されていることを指定する方法はありますか?

何かのようなもの ：

<div style="width:20%; max-height:100px;" >Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante.
</div>

テキストが div 境界をオーバーフローした場合、新しい列が表示されます。

4

3 に答える 3

1

これは現在、ネイティブ HTML を使用してサポートされていません。現在、この機能を取得するには JavaScript を使用する必要があります。

参照: http://www.htmlgoodies.com/html5/tutorials/how-to-create-multi-columns-in-css3-and-javascript.html#fbid=uRKNCpHfmWY

于 2013-04-02T13:56:53.427 に答える
1

古いブラウザーをサポートする必要がない場合は、CSS3 の複数列機能を確認することをお勧めします。

http://www.w3.org/TR/css3-multicol/

于 2013-04-02T14:30:27.980 に答える
1

これは JavaScript ソリューションです。

大学の最終学期に、新聞アプリであるはずの iPad WebApp を作成しました。新聞のような行を取得するために、次の jQuery プラグインを使用しました。

http://archive.plugins.jquery.com/project/Columnizer

または: http://welcome.totheinter.net/columnizer-jquery-plugin/

列の幅、列の数を指定でき、目的に役立つ機能がかなりあります。（しかし、実際には必要ありませんでした...）

于 2013-04-02T14:18:45.133 に答える