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

Question

对于prestashop i制作了一个自定义的CMS页面，该页面包含一个由TR和TD组成的表。

在TR上，我想要一个全桌宽的边框底部。

首先，在CMS页面（源代码）中，如果我添加了一个桌子行，而没有任何数据/信息，即使我保存了我的代码，也可以将其删除。

所以我确实将假副本放在桌上数据中，以便Prestashop CMS页面不会删除它。

否我只想显示TR并将TD隐藏在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 TAGE可以工作，但我不能在TD或TR上放任何余量。如果我这样做，那就不会做任何事情。为什么这是？

Answer 1

设置表的崩溃边框模型：

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

这种边界折叠方法仅显示表的边框。

我认为这会为您提供帮助。