减少HTML表格中两行之间的垂直空间

减少HTML表格中两行之间的垂直空间,html,css,html-table,Html,Css,Html Table,我有一个多行的表,例如五行。我需要缩小第三排和第四排之间的距离 下面是我的代码: 第一排 1. 第二排 2. 第三排 3. 第四排 4. 结果是 前1 第二个2 第三个3 第四个4 我想消除第三行和第四行之间的间隙,如下所示: 前1 第二个2 第三个3 第四个4 是否可以将第三行和第四行之间的填充设置为0?要缩小它们之间的差距?值得注意的是,可以通过折叠表格边框来减少空间: table { border-collapse: collapse; } 您可以执行与Jukka K.Ko

我有一个多行的表,例如五行。我需要缩小第三排和第四排之间的距离

下面是我的代码:


第一排
1.
第二排
2.
第三排
3.
第四排
4.
结果是

前1

第二个2

第三个3

第四个4

我想消除第三行和第四行之间的间隙,如下所示:

前1

第二个2

第三个3
第四个4


是否可以将第三行和第四行之间的填充设置为0?要缩小它们之间的差距?

值得注意的是,可以通过折叠表格边框来减少空间:

table {
    border-collapse: collapse;
}
您可以执行与Jukka K.Korpela类似的操作,并使用/pseudo类的组合在所有元素上设置填充,但最后一个
tr
子元素除外

上面的示例适用于您的实例,但是目标元素可能不是最后一个元素。因此,可以使用伪类以所需元素为目标

如您所见,当您有更多的元素时,这种方法会起作用:


除非在HTML中使用特殊设置,否则表的行与行之间只有几个像素。如果您真的想删除它,最简单的方法是使用

<table cellpadding=0 cellspacing=0>

你的实际意思是,你希望第3行和第4行的内容并排显示,对吗?第3行和第4行的组合内容是否与第1行或第2行的宽度相同?不,它们不会具有相同的宽度,可能会有所不同。第3行和第4行将位于彼此下方,但它们之间没有间隙,填充或边距应为零。现在我已经编辑了问题以显示预期的格式,这个答案不是提问者想要的。他似乎希望减少行与行之间的垂直间距,而不是将行水平放置在彼此相邻的位置。这是一次准确的编辑。如果你看,你可以看到提问者在第三行下面写了第四行,而不是在它旁边。正是它把一行行文字组合在一起。如果提问者真的想把行合并起来,他会这样写;因此,他可能只是不熟悉Markdown,并没有注意到他的格式混乱。我能把问题回复过来吗?很抱歉我的问题不清楚,罗里·奥凯恩是对的。我希望减少两行之间的垂直间距。我在列中有许多行,我必须为单个单元格设置填充。是否有办法将表中某一行的填充设置为0。@user2480288,是的,但您需要指定上下文中的哪一行,您应该通过编辑问题来澄清这一点,而不仅仅是在注释中,或者发布新问题。
tr td {
    padding-top: 1em;
}
tr:nth-child(4) td {
    padding-top: 0;
}
<table cellpadding=0 cellspacing=0>
tr:not(:last-child) td { padding-top: 4px }