Html 插入高度较小的空白表格行

我有一个由一个标题行和两个数据行组成的表。我想做的是在标题和数据行之间创建一个空行，但是我希望这个空行的高度比其他行小（这样就不会有这么大的间隙）

我怎样才能做到这一点

我的表格HTML标记代码如下所示：

<table class="action_table">
    <tbody>
        <tr class="header_row">
            <td>Header Item</td>
            <td>Header Item 2</td>
            <td>Header Item 3</td>
        </tr>            
        <tr class="blank_row">
            <td bgcolor="#FFFFFF" colspan="3">&nbsp;</td>
        </tr>
        <tr class="data_row">
            <td>Data Item</td>
            <td>Data Item 2</td>
            <td>Data Item 3</td>
        </tr>
    </tbody>
</table>

标题项
标题项目2
标题项目3
数据项
数据项目2
数据项目3

试试这个：

<td bgcolor="#FFFFFF" style="line-height:10px;" colspan=3>&nbsp;</td>

只需添加下面发布的CSS规则（以及稍微改进的标记），您就会得到您想要的结果

CSS

.blank_row
{
    height: 10px !important; /* overwrites any other rules */
    background-color: #FFFFFF;
}

HTML

<tr class="blank_row">
    <td colspan="3"></td>
</tr>

---

因为我不知道您当前的样式表是什么样子，所以我添加了

！重要信息

属性以防万一。但是，如果可能的话，您应该删除它，因为很少有人想依赖

！重要的

在样式表中声明，考虑到它们以后很可能会把它搞砸。

在表中创建空间不需要额外的表行。请参阅。
（我将间隙设置为浅灰色，因此您可以看到它，但您可以将其更改为透明。）

---

仅出于显示目的而使用表格行是表格滥用

在我尝试这句简单的话之前，我什么都做不到：

<p style="margin-top:0; margin-bottom:0; line-height:.5"><br /></p>

它允许您根据自己的喜好改变填充线的高度 （我[可能是误用了Table来获取三列（框）文本，然后我想沿着底部排列）

---

我是一个业余爱好者，希望大家能给我点评。我知道这个问题已经有了答案，但我找到了一个更简单的方法

加上

<tr height = 20px></tr>

在表格中，您希望有一个空行。它在我的程序中运行良好，可能是最快的解决方案。

这一个对我有效：

<tr style="height: 15px;"/>

---

我想达到这个问题中的要求，但在2018年5月的

中，接受的答案对我不起作用（可能答案太旧或其他原因）。我正在使用
bootsrap 3.3.7
和
ionic v1
。
您需要设置
行高
来设置特定行的高度


。空白行{
线高：3倍；
}

标题项
标题项目2
标题项目3
数据项
数据项目2
数据项目3
在XHTML 1.0 Strict中，
style=“”
属性没有自动调整大小。对于任何doctype，您的代码都必须相同。@FrederickMarcoux您在开玩笑吗？根据XHTML 1.0 Strict，Barry示例中的
style
属性是唯一正确的属性！根据我的HTML课程，在XHTML Strict中，我们不能使用
style
属性？如果他们这样说的话至少，他们错了。他们可能试图传达这样一个信息：将所有样式放在一个单独的样式表中通常是一个更好的主意，这样，如果您想更改某些内容，就不必搜索所有html源代码。（html和XHTML之间没有区别。）有时，内联样式只是最方便的事情，例如，为了避免
！important
或类似的情况。你是对的，我喜欢你的解决方案的优雅。不过，我也需要在表中的其他地方进行一些分离。因此，考虑到与我当前的编码兼容，我将采取简单的方法。我应该承认来源：-但他们似乎没有联系路线…而且看起来这是某种高性能的游戏设置…而且自从30年前与太空入侵者通宵以来，我一直避免这种上瘾的路线。fyi，当你想在答案中包含源代码时，用4个空格缩进那一行n开始时，这将允许您使用<>Tagsorry，但这在技术上是错误的。“高度”不是有效的行属性！示例ref->。应用如上所示的类。仅使用空白（）触发行本身的空格。这是一个比手动设置px更好的解决方案，所以我将您的解决方案选在了拾取的解决方案之上。工作完美，超级简单。