CSS3を使用して3つの列に分割されたdivがあります
.div {column-count: 3;}
この div には、列の一部を埋めるテキストの文字列が含まれています。
これらの列の 1 つまたは複数をブロックする方法を考えられる人はいますか?
たとえば、最初の列はブロックされ、テキストは 2 番目の列の上部から始まります。
div の高さは不明であり、変化します。
div も contenteditable です。
質問する
236 次
2 に答える
1
ブループリントCSSを使用できます。これは、複雑な複数列のレイアウトを簡単に作成するために使用できるフレームワークです。
このリンクはあなたが始めるのを助けることができます：http ：//www.cssbakery.com/2012/06/using-blueprint-css-framework.html
また、列数はオペラでのみ機能します。Firefoxの場合は-moz-column-countをサポートしますが、ChromeとSafariは-webkit-column-countをサポートします。
ゴッドスピード。
于 2013-02-12T10:49:52.070 に答える
1
私が最終的にそれを行った方法は、左の列をブロックしたい場合padding-left、1列の幅に等しい値を適用し、1列の幅にwidth等しい値を削除して2に変更column-countすることでした.
中央の列をブロックしたい場合はcolumn-count、2 に変更しcolumn-gap、1 つの列の幅に既存の列のギャップを加えた値に等しく設定します。
于 2013-02-12T22:14:41.257 に答える