删除间距和垂直对齐div

Question

我正在尝试制作视图中的框：

• 互相接触
• 垂直对齐，以便它们都触及父div的顶部
• 保持滑块不带JavaScript

Codepen

我一直在尝试单元格间距，垂直对齐，边框间距等等，但要么我不理解如何应用它们，要么我已经在DOM中走错了方向。

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

Answer 1

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

Codepen

CSS

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