Question

我想删除表格第一行中的填充，因此它与第二行的高度相同。我不知道填充的来源，因为我已在td ul和li元素中将填充设置为零。

<table>
  <tr>
    <td><ul><li>abc</li><li>def</li></ul></td>
    <td>this row is too wide</td>
  </tr>
  <tr>
    <td></td>
    <td>this row is just right</td>
  </tr>
</table>

和css：

ul li { display: inline; margin: 0; padding: 0; }
table { border-collapse: collapse; border: 1px solid black; }
td { padding: 0px; border: 1px solid black; }

Answer 1

这是因为ul元素上的默认填充/边距（由浏览器样式表决定）。添加以下内容：

ul { margin: 0; padding: 0; }

DEMO

Answer 2

你的问题与ul li有关。

而不是使用：

ul li {
    display: inline;
    margin: 0;
    padding: 0;
}

使用：

ul,li {
    display: inline;
    margin: 0;
    padding: 0;
}

JSfiddle

Answer 3

将此css样式添加到样式

ul {
    display: inline;
    padding: 0;
}

DEMO：http://jsfiddle.net/d9no97vL/7/

删除包含列表的TD元素中的间距

3 个答案: