html - 删除间距和垂直对齐 div

Question

我正在尝试使框在视图中：

• 互相触碰
• 垂直对齐，所以它们都接触到父 div 的顶部
• 保持没有 JavaScript 的滑块

密码笔

我一直在尝试单元格间距、垂直对齐、边框间距等，但要么我不了解如何应用它们，要么我在 DOM 上的方向不好。

为什么在代码笔中？我正在为 Bootstrap 2 构建一个主题。

Answer 1

您对td元素应用了填充，将其删除并设置vertical-align: top。

密码笔

CSS

td {
  padding: 0;
  vertical-align: top;
}