是否可以在给定高度后自动启动新列?我知道我可以做.col {max-height: <maxlength>}
,但我不知道文字是否太长而且溢出。 overflow-y
会很尴尬,而且不受欢迎。
ATTEMPT#1
的CSS:
.columns
{
columns: 2;
}
HTML:
<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>
输出:
col1col1col1 col1col1 col2col2 col2col2col2 \
col1col1 col1col1col1 col2 col2col2col2col2 |&gt; too long :(
col1col1col1 col1col1 col2col2 col2col2col2 |
col1col1 col1col1col1 col2 col2col2col2col2 |
col1col1col1 col1col1 col2col2 col2col2col2 |
col1col1 col1col1col1 col2 col2col2col2col2 |
col1col1col1 col1col1 col2col2 col2col2col2 |
col1col1 col1col1col1 col2 col2col2col2col2 /
col1col1 col1col1col1 col2
ATTEMPT#2
的CSS:
.columns
{
columns: 2;
width: 100px;
height: 50px;
}
HTML:
<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>
输出:
col1col1col1 col1col1 col2col2 col2col2col2 col3col3 col3col3col3 col4col4col4 col4col4
col1col1 col1col1col1 col2 col2col2col2col2 col3 col3col3col3col3 col4col4col4col4 col4
col1col1col1 col1col1 col2col2 col2col2col2 col3 col3col3col3col3 col4col4col4col4 col4
col1col1 col1col1col1 col2 col2col2col2col2 col3 col3col3col3col3 col4col4col4col4 col4
期望的输出: (一旦达到指定高度,就自动开始一个新列 并在每一秒的新行上)
col1col1col1 col1col1 col2col2 col2col2col2 \
col1col1 col1col1col1 col2 col2col2col2col2 |&gt; specified height
col1col1col1 col1col1 col2col2 col2col2col2 |
col1col1 col1col1col1 col2 col2col2col2col2 /
col3col3 col3col3col3 col4col4col4 col4col4
col3 col3col3col3col3 col4col4col4col4 col4
col3col3 col3col3col3 col4col4col4 col4col4
col3 col3col3col3col3 col4col4col4col4 col4
col5col5col5col5 col5
col5col5col5col5