Css 柱上的最大高度

是否可以在给定高度后自动启动新列？我知道我可以做

.col{max height:}

，但我不知道文本是否太长且溢出

overflow-y

会很尴尬，而且是不需要的

尝试#1

css:

html:

html:

Lorem ipsum dolor sit amet，mei an quas quando，ne qui
马蹄莲。德尼克法斯蒂迪酒店
珀尔塞奎里斯。他是一个不受迫害的人，不受迫害
用雄辩的口才冒犯它。我是一个相扑爱好者，我是一个相扑爱好者，
ludus Melior与他的前妻争论。

输出：

col1col1col1 col1 col1 col2 col2 col2 col2 col3 col3 col3 col4 col4 col4 col4 col4 col4 col4
Col1 Col1 Col1 Col1 col2 col2 col2 col2 col3 col3 col3 col4 col4 col4 col4 col4 col2 col2 col2 col2 col3 col3 col3 col3 col4 col4 col4
col1col1col1 col1 col2 col2 col2 col2 col3 col3 col3 col3 col4 col4 col4 col4 col4
COL1 COL1 COL1 COL1 COL2COL2COL2COL2COL2COL2COL3 col3 col4 col4 col4 col4

期望输出： （新柱达到指定高度后，自动启动新柱。） 并每隔一列在新行上）

COL1 COL1 COL1 COL1 COL2COL2COL2COL2COL2COL2COL2\
COL1 COL1 COL1 COL1 COL2COL2COL2COL2COL2COL2COL2COL2COL2 |>

指定高度

COL1 COL1 COL1 COL1 COL2COL2COL2COL2COL2COL2COL2COL2 |
COL1 COL1 COL1 COL1 COL2COL2COL2COL2COL2COL2/

col3col3 col3col3 col4col4 col4col4
col3 col3 col3 col4 col4 col4 col3 col4 col4
col3col3 col3col3 col4col4 col4col4
col3 col3 col3 col3 col4 col4 col4 col4

COL5COL5COL5COL5COL5 col5

---

col5col5col5col5col5

你能发布你的代码并澄清这个问题吗？@ZimSystem更好？那么你想在200个字符之后创建一个新的专栏吗？也许是和一些JS的组合？我想@AmericanSlime写的可能是你的解决方案。

.columns
{
    columns: 2;
}

<div class="columns">
Lorem ipsum dolor sit amet, mei an quas quando, ne qui
equidem luptatum, nam ei debet feugait appareat. Te sed denique fastidii 
persequeris. Ius an soleat nonumes, te nec nominavi persecuti, nec ut tation
offendit eloquentiam. Vix ne omnes vulputate, mea sumo mundi homero te,
ludus meliore disputando his ex.
</div>

.columns
{
    columns: 2;
    width: 100px;
    height: 50px;
}

<div class="columns">
Lorem ipsum dolor sit amet, mei an quas quando, ne qui
equidem luptatum, nam ei debet feugait appareat. Te sed denique fastidii 
persequeris. Ius an soleat nonumes, te nec nominavi persecuti, nec ut tation
offendit eloquentiam. Vix ne omnes vulputate, mea sumo mundi homero te,
ludus meliore disputando his ex.
</div>