使用显示内联块列向下移动

使用显示内联块列向下移动

您应该添加

vertical-align: top;

CSS声明以使列在顶部垂直对齐：

.cont span {    display: inline-block;    vertical-align: top;         height:100%;    line-height: 100%;    width: 33.33%;    outline: 1px dashed red; }

---

老实说，我不喜欢

inline-block

在页面上创建列，因为它们之间有空白。

在

float

正在使用了一段时间，但现在

flex

框或CSS

grid

可以是一种选择。