如何将边框设置为< tbody>元件？ [英] How to set border to <tbody> element?

问题描述

为什么边框在下面显示 tbody ？我尝试了 rules =groups，并且出现了边框，但只出现在两个 tbody 部分之间，并且已折叠。

table.sectioned tbody {border：2px solid black;边界崩溃：分开; border-spacing：4px;}

< table class = 分段 > < TBODY> < tr>< td colspan =2>< b>综合数据< / b>< / td>< / tr> < tr>< td>尾号< / td>< td> N0809021< / td>< / tr> < tr>< td>所有权类型< / td>< td>个人< / td>< / tr> < tr>< td>飞机的类型< / td>< td> 13,000磅以下的飞机< / td>< / tr> < tr>< td>制造年份< / td>< td> 1999< / td>< / tr> < tr>< td>使用飞机< / td>< td>私人< / td>< / tr> < tr>< td>开始日期< / td>< td>< / td>< / tr> < tr>< td>策略长度< / td>< td> 6个月< / td>< / tr> < / tbody的> < TBODY> < tr>< td colspan =2>< b>其他航空器信息< / b>< / td>< / tr> < TR>< TD>制造商及LT; / TD>< TD>< / TD>< / TR> < TR>< TD>模型与LT; / TD>< TD>< / TD>< / TR> < tr>< td> Engine Make< / td>< td>< / td>< / tr> < tr>< td>座位数量< / td>< td>< / td>< / tr> < / tbody>< / table>

解决方案

将display：block添加到您的tbody样式中。试试这个

  tbody {
 display：block; 
 border：2px纯黑色; 
 border-collapse：分开; 
 border-spacing：4px; 
} 
  

您可以在小提琴

Why doesn't the border show around tbody in the following? I tried rules="groups" and the border appears, but only between the two tbody sections and it is collapsed.

table.sectioned tbody {
  border: 2px solid black;
  border-collapse: separate;
  border-spacing: 4px;
}

<table class="sectioned">
  <tbody>
    <tr><td colspan="2"><b>General Data</b></td></tr>
    <tr><td>Tail Number</td><td>N0809021</td></tr>
    <tr><td>Type of Ownership</td><td>personal</td></tr>
    <tr><td>Type of Aircraft</td><td>aircraft under 13,000 pounds</td></tr>
    <tr><td>Year of Manufacture</td><td>1999</td></tr>
    <tr><td>Use of Aircraft</td><td>private</td></tr>
    <tr><td>Start Date</td><td></td></tr>
    <tr><td>Policy Length</td><td>6 months</td></tr>
  </tbody>
  <tbody>
    <tr><td colspan="2"><b>Additional Aircraft Information</b></td></tr>
    <tr><td>Manufacturer</td><td></td></tr>
    <tr><td>Model</td><td></td></tr>
    <tr><td>Engine Make</td><td></td></tr>
    <tr><td>Number of Seats</td><td></td></tr>
  </tbody>
</table>

解决方案

Add display:block to your tbody style. Try this

tbody{
    display:block;
    border: 2px solid black;
    border-collapse: separate;
    border-spacing: 4px; 
}

You can test it out on this fiddle

这篇关于如何将边框设置为< tbody>元件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！