Question

对不起，如果我的英语有错误））。我的问题是如何制作高度限制的div？我的意思是，我的div有一些ul块例如：

<div>
 <ul>
  <li>First text</li>
 </ul>
</div>

我的DIV身高280像素。当我尝试添加越来越多的<li>smth...</li>时 - 它会越来越低，并且在所有这些之后我的文字低于我的div的高度限制。

不建议浮动：左，这意味着，我的所有文本都将以水平线添加，但我想达到垂直高度限制。你知道，就像报纸一样。

逻辑：我的文字必须在我的高度限制之前越来越低，之后，我的文本必须自我分裂，并继续向下移动新的垂直线到同一个div元素。

那些不明白我在说什么的人的照片：

Answer 1

我不确定是否可以在此脚本中包含宽度，但它将允许从列到列的流。我也注意到这似乎不适用于IE。

<head>
<style> 
.columnFlow
{
-moz-column-count:3; /* Firefox */
-webkit-column-count:3; /* Safari and Chrome */
column-count:3;

-moz-column-gap:40px; /* Firefox */
-webkit-column-gap:40px; /* Safari and Chrome */
column-gap:40px;

-moz-column-rule:2px outset #ff00ff; /* Firefox */
-webkit-column-rule:4px outset #ff00ff; /* Safari and Chrome */
column-rule:4px outset #ff00ff;
}
</style>
</head>
<body>

<div class="columnFlow">
This text will flow within 3 different columns. The only think that I am unsure about is how to get this to work within IE. Also I am not sure how to specifically set the width. It appears as though it even spreads the provided text evenly within the amount of columns that the developer chooses. I hope this helps.
</div>

</body>

W3C网站上还有其他一些版本。我希望这有帮助！ http://www.w3schools.com/css3/css3_multiple_columns.asp

如何制作高度限制的div？

1 个答案: