表中的边框超出了行

时间:2013-05-28 08:37:02

标签: css html-table border

任何人都知道这是一个浏览器错误还是请告诉我我是否做错了什么:

我有一张这样的表:

    <tr>
      <td class="title" width="200">123456</td>
      <td class="info" rowspan="2">123456789</td>
    </tr>
    <tr><td style="border:none!important"></td></tr>

它的CSS是:

     td.title {
            height:35px;
            border-top:2px solid #8e857b;
            border-bottom:2px solid #8e857b;
            border-right:2px solid #8e857b;
            margin:3px;
            padding:3px;
            font-size:13px;
            text-transform:uppercase;
        }



        .table-unidades td.info {
            font-size:12px;
            padding:5px 20px;
            border:none;
        }

由于某种原因,第一个单元格的右边界溢出到下一行......我尝试了几件事而没有......

我想向您展示快照,但我不允许...这是指向原始网页的链接:

http://primerclic.com.mx/clientes/frisco/22.html

1 个答案:

答案 0 :(得分:1)

您可以使用border-collapse:separate。以下是有关它的更多信息http://www.w3schools.com/cssref/pr_border-collapse.asp