html - CSSを使用してボックスから別のボックスにテキストを流す方法

Question

私はhtmlにいくつかのボックスがあります

<div class="parent">
  <div class="box"></div>
  <div class="box"></div>
  <div class="box"></div>
</div>

cssで定義

.box{
width : 200px;
height : 300px;
display :  block;
float : left
}

親にログテキストを提供し、子内にテキストを流す方法はありますDIVか？またはそれは？DIVCSSJavascript

もちろん、テキストをどこに提供するかは問題ではありません。余分なテキストを次のボックスに流したいだけです。

score 5 · Accepted Answer

HTMLを、次のようなコンテンツを含む単一の要素に変更します。

<div class="parent">
  <div class="box"></div>
</div>

次に、次のスタイル仕様を追加します。

.box {
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
   height: 10em; /* Or whatever height is appropriate. */
}

1 に答える 1