【问题标题】:Border in table exceeds row表格中的边框超出行
【发布时间】:2018-02-04 07:11:55
【问题描述】:

任何人都知道这是否是浏览器错误,或者如果我做错了什么,请告诉我:

我有一张这样的桌子:

    <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

【问题讨论】:

  • 下一次:如果您想知道,如果某些行为是浏览器错误,那么告诉您正在使用的浏览器将非常有帮助。

标签: css html-table border


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2014-10-06
    • 2014-03-18
    • 2017-04-11
    • 1970-01-01
    • 2010-10-14
    • 2011-07-05
    • 2018-06-24
    • 2012-03-24
    • 1970-01-01
    相关资源
    最近更新 更多