如何使用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提供日志文本，並使用CSS在子DIV傳遞文本？ 還是應該用Javascript完成？

當然，在哪里提供文本都沒有關系，我只想將多余的文本傳遞到下一個框。

Answer 1

將您的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. */
}