html - 表 td 没有崩溃

Question

我有一个table里面另一个table。我的 HTML 代码如下所示。

<td>
 <table>
  <tbody>
    <tr>
      <td class="remind_when"><label>sfd</label></td>
      <td class="remind_when"><label>sdfasdf</label></td>
      <td class="remind_when"><label>sadfasf</label></td>
    </tr>
   </tbody>
 </table>                                                   
</td>

我的CSS代码如下

.remind_when{
    border-radius: 5px;
    border: 2px solid #ced4da !important;
    display: inline-block;
}

table, th, td {
    border-collapse: collapse;
}

我得到如下输出

标签： htmlcss

Answer 1

只有显示为的元素table-*才会折叠其边框。你已经制作了td元素display: inline-block，所以它们不会。

所以不要那样做。