blocks|key|1809940|text|您可以将一个&nbsp;作为列内容，以确保行被显示。不过，更好的方法是使用CSS作为间隔。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1809941|entityMap^0|6|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Well you could put an <code>&amp;nbsp;</code> as column content to make sure the rows are displayed. The better way is to use CSS for spacing though.</p>


blocks|key|4490489|text|从语义上讲，空行是有目的的，还是纯粹是为了布局？如果是后者，可能值得考虑删除空行，并通过CSS提供分离。例如。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4490490|<tr+class="separate-below">
++++<td>Data+before+separater</td><td>More+Data</td>...
</tr>
<tr>
++++<td>Data+after+separater</td><td>More+Data</td>...
</tr>|code-block|syntax|javascript|4490491|在样式表中包含以下内容：|4490492|TR.separate-below+TD,TR.separate-below+TH+{
++++border-bottom:+1em+solid+white;+/*+use+the+background+colour+of+a+cell+here+*/
}|4490493|或者，您可以使用多个元素将行块分组在一起(将rules="groups“添加到表元素会导致元素在顶部和底部获得水平边框，而元素会在其左侧和右侧获得边框)：|4490494|<table+rules="groups">
<thead>
++++<tr><th>Header</th><th>Header</th>...</tr>
</thead>
<tbody>
++++<tr><td>Data</td><td>Data</td>...</tr>
++++<tr><td>Data</td><td>Data</td>...</tr>
++++...
</tbody>
<tbody>
++++<tr><td>Data</td><td>Data</td>...</tr>
++++...
</tbody>
...
</table>|4490495|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Semantically, does the empty row serve a purpose, or is it purely for layout? If the latter, it may be worth considering dropping the empty row, and providing the separation via CSS. E.g.</p>

<pre><code>&lt;tr class="separate-below"&gt;
    &lt;td&gt;Data before separater&lt;/td&gt;&lt;td&gt;More Data&lt;/td&gt;...
&lt;/tr&gt;
&lt;tr&gt;
    &lt;td&gt;Data after separater&lt;/td&gt;&lt;td&gt;More Data&lt;/td&gt;...
&lt;/tr&gt;
</code></pre>

<p>With the following in the stylesheet:</p>

<pre><code>TR.separate-below TD,TR.separate-below TH {
    border-bottom: 1em solid white; /* use the background colour of a cell here */
}
</code></pre>

<p>Alternatively, you can use multiple &lt;tbody&gt; elements to group blocks of rows together (adding rules="groups" to the table element causes &lt;tbody&gt; elements to gain a horizontal border at top and bottom, and &lt;colgroup&gt; element to gain a border to their left and right):</p>

<pre><code>&lt;table rules="groups"&gt;
&lt;thead&gt;
    &lt;tr&gt;&lt;th&gt;Header&lt;/th&gt;&lt;th&gt;Header&lt;/th&gt;...&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
    &lt;tr&gt;&lt;td&gt;Data&lt;/td&gt;&lt;td&gt;Data&lt;/td&gt;...&lt;/tr&gt;
    &lt;tr&gt;&lt;td&gt;Data&lt;/td&gt;&lt;td&gt;Data&lt;/td&gt;...&lt;/tr&gt;
    ...
&lt;/tbody&gt;
&lt;tbody&gt;
    &lt;tr&gt;&lt;td&gt;Data&lt;/td&gt;&lt;td&gt;Data&lt;/td&gt;...&lt;/tr&gt;
    ...
&lt;/tbody&gt;
...
&lt;/table&gt;
</code></pre>


blocks|key|5906119|text|正如您在W3Schools的this+example中看到的那样，使用&nbsp;是做您想做的事情的最佳方式。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5906120|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_nbsp^0|Z|6|E|C|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<p>As you can see in <a href="http://www.w3schools.com/html/tryit.asp?filename=tryhtml_table_nbsp" rel="nofollow noreferrer">this example</a> from W3Schools using the <code>&amp;nbsp;</code> is the best way to do what you want.</p>


blocks|key|5906056|text|如果你想把内容放进去，我会使用一个不能换行的空格：&nbsp;，而不是一个普通的空格|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5906057|entityMap^0|P|6|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>if you want to put content inside, i would use a no-breaking-space: <code>&amp;nbsp;</code>, rather than a normal blank</p>


blocks|key|1810029|text|这是一个非常古老的问题，但如果有人仍然需要解决方案(+display:+table-cell或table-row+elements存在问题)|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1810030|以下是解决方案：|1810031|.emptyElement:after{
++content:+"\00a0";
}|code-block|syntax|javascript|1810032|entityMap^0|R|J|1B|I|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|U|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

<p>This is a very old question, but if somebody still needs a solution (problem exists with <code>display: table-cell</code> or <code>table-row elements</code>)</p>

<p>here's the solution:</p>

<pre><code>.emptyElement:after{
  content: "\00a0";
}
</code></pre>


blocks|key|5906210|text|我想添加我的解决方案，它是@Dariusz+Sikorski解决方案的修改。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5906211|td:empty:after,+th:empty:after+{
++content:+"\00a0";
}|code-block|syntax|javascript|5906212|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I wanted to add my solution which is a modification of @Dariusz Sikorski solution.</p>

<pre><code>td:empty:after, th:empty:after {
  content: "\00a0";
}
</code></pre>


blocks|key|4490439|text|您可能已经尝试过了，但是如果您尝试在行之间添加一些空格，那么您是否已经尝试添加一些填充。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4490440|CELLSPACING=Length+(单元格间距)|4490441|CELLPADDING=Length+(单元格内间距)|4490442|卡尔|4490443|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>You may have already tried this but if your trying to add some space in between rows have you tried adding some padding.</p>

<p>CELLSPACING=Length (spacing between cells)</p>

<p>CELLPADDING=Length (spacing within cells)</p>

<p>Karl</p>


blocks|key|4490548|text|为了确保显示空单元格，可以使用以下CSS：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4490549|table+{+empty-cells:show;+}|code-block|syntax|javascript|4490550|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>To ensure that empty cells are displayed the following CSS can be used:</p>

<pre><code>table { empty-cells:show; }
</code></pre>


blocks|key|2378012|text|您可以使用多个tbody标记对表格行进行分组。这是完全有效的，更具语义性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2378013|entityMap^0|7|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>You can use multiple <code>tbody</code> tags to group table rows. It's totally valid and more semantic.</p>


<p>I have an empty table row just for separation between rows.</p>

<pre><code>&lt;tr&gt;
  &lt;td colspan="5"&gt;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>It's rendered in IE, FF, Opera and Safari. The question is, whether I should put some content inside of it or it is okay to leave it as it is?</p>

<p>Like:</p>

<pre><code>&lt;tr&gt;
  &lt;td colspan="5"&gt;&amp;nbsp;&lt;/td&gt;
&lt;/tr&gt;
</code></pre>


Will a table row be displayed if all its cells are empty?

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我有一个空的表行，只是为了在行之间进行分隔。<tr>  <td colspan="5"></td></tr>它在IE，FF，Opera和Safari中呈现。问题是，我是应该在里面放一些内容，还是可以让它保持原样？像这样：<tr>  <td colspan="5">&nbsp;</td></tr>

问如果表格行的所有单元格都为空，是否会显示该表格行？
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果表格行的所有单元格都为空，是否会显示该表格行？EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如果表格行的所有单元格都为空，是否会显示该表格行？
EN