<tr> 不显示 cms 页面的边框

Question

对于 Prestashop，我制作了一个自定义 CMS 页面，该页面有一个表格，表格中包含 tr 和 td。

在 tr 上，我想要一个完整的表格宽度边框底部。

首先在 cms 页面（源代码）中，如果我添加一个没有任何数据/信息的表格行，即使我保存我的代码，它也会将其删除。

所以我确实在表格数据中放入了假副本，这样 prestashop cms 页面就不会自行删除它。

不，我只想显示 tr 并将 td 隐藏在 tr 中，因为我在 tr 上有一个边框，我想以表格的全宽显示。 由于某种原因，我的边框没有显示。只有在取消隐藏 td 时才会显示边框，但随后会显示我不想显示的文本。

代码：

<tr class="menu-border">
 <td><p>text fake</p>
 </td>
 <td><p>text fake</p>
 </td>
 <td><p>text fake</p>
 </td>
</tr>

css：

tr.menu-border {
 margin-bottom: 10%;
 border-bottom: 1px solid #efefef;
 width:100%;
 line-height: 20px;
 margin-top: 10%;
}

tr.menu-border td p{
 display: none;
}

所以在 td 中使用 p 标签然后隐藏 p 标签可以工作，但我不能在 td 或 tr 上放置任何边距。如果我这样做，它就不会做任何事情。这是为什么呢？

Answer 1

为表格设置折叠边框模型：

table {
   border-collapse: collapse;
}

table tr{
 border-bottom:1px solid #ccc;
}

这种border-collapse方法只显示表格的边框。

我认为这会对你有所帮助。