css - 具有不同高度的 Div,将它们并排对齐在顶部

标签 css

我想并排对齐div,但是高度不相等,这导致div的第一行高度较低的div和第二行的div之间有一个空白。

我想要这个:

不是这个:

最佳答案

我会使用 3 个 div(我们称它们为 A B 和 C)作为列

这些将具有 style="float:left;width:32%;"* note width 可以小于32%,可以px为单位设置

A 将包含 1 和 4,而 B 将包含 2 和 5。最后 C 将包含 3 和 6。

绝对不需要插件,它可以(目前由我)单独使用 css 完成。

关于css - 具有不同高度的 Div,将它们并排对齐在顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18137186/

相关文章:

html - 带 Bootstrap 3 的带粘性内部页脚的等高盒装

javascript - 在javascript中添加两个 float

css - PNG 版本控制 - 又名 login.png?ver=23514

javascript - 防止菜单显示在窗口外

html - 如何防止 float 标签与输入混合?

html - 在 CSS 上悬停一个按钮,我可以更改另一个 div 的子样式吗

Android Webview css 错误

javascript - 水平滚动 Bootstrap 选项卡

html - 我如何在 CSS/HTML 中几乎是一个合并框的地方复制这个输入文本效果?

css - 如何在 <li> 元素符号背景下垂直空格?