如果表行具有底部边框,则控制它

时间:2014-02-27 16:20:04

标签: html css twitter-bootstrap

我正在使用Bootstrap 我有一个表,其中一些行需要与它们下面的行分组 这意味着他们之间应该没有边界 我想知道是否有固有的引导方式来做到这一点,或者我是否需要 放在每个tr style="..no border.."上 我所关心的只是解决方案在Chrome上工作(很高兴有FF)。

1 个答案:

答案 0 :(得分:0)

<table>
    <tr>
        <td>
            <label>Stuff</label>
        </td>
        <td>
           <label>sdrfg</label>
        </td>
    </tr>
    <tr class="group">
        <td>
            <label>Other stuff</label>
        </td>
        <td>
            <label>asdfgh</label>
        </td>
    </tr>
     <tr>
        <td>
            <label>Other stuff</label>
        </td>
        <td>
            <label>asdfgh</label>
        </td>
    </tr>
</table>

CSS:

table{
    width:100%;
    border-collapse:collapse;
}
table td{
    border-top:1px solid #000000;
}
table tr.group>td{
    border-top:none;
}