删除间距和垂直对齐 div

Question

我正在尝试使这些框可见：

• 互相触摸
• 垂直对齐，使它们都接触到父 div 的顶部
• 保持滑块不使用 JavaScript

Codepen

我一直在尝试 cell-spacing、vertical-align、border-spacing 等，但要么我不明白如何应用它们，要么我在 DOM 上走错了方向。

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

Answer 1

您已将填充应用于td 元素，将其移除并设置vertical-align: top。

Codepen

CSS

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