html - CSS：浮动：左对齐

Question

我用过float:left，现在我的文字看起来像

.   A   .   B   .   C  .
.     a .     b .      . 
.       .     b .   D  .
.       .     b .     d.
.       .       .     d.
.       .       .     d.
.   E   .    F  .      .
.       .     f .      .

但我想要

.   A   .   B   .   C  .
.     a .     b .      . 
.       .     b .   D  .
.   E   .     b .     d.
.   F   .       .     d.
.      f.       .     d.
.      f.       .      .
.      f.       .      .

我试过"display: inline-block" 了，但看起来像

.   A   .   B   .   C  .
.     a .     b .      . 
.       .     b .      .
.       .     b .      .
.   E   .   D   .   F  .
.       .     d .     f.
.       .     d .     f.
.       .     d .     f.
.       .       .      .

任何人都可以帮忙吗？

Answer 1

不幸的是，CSS 目前不允许您这样做。然而，有一些 JavaScript 库可以做这样的布局。一种流行的选择是砌体。