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中提供日志文字，并使用DIV在子CSS内传播文字？或者应该使用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. */
}