html - 表格行上的边框而不是 td - 缺少 td

标签 html css html-table border

我有一个由 PHP 生成的表。我想稍微调整一下表格的样式,所以每一行都有一个 border-bottom

我使用了 border-collapse: collapse; 所以我不必将边框应用到 td。我在这里重现了我的问题:

http://codepen.io/anon/pen/zvpKBE

我希望每行都有水平边框。当我检查我的行时,它足够长,但边框仅应用于其中的 td。

最佳答案

您的 (td) 标题列和数据列应该相等,以便完全具有边框。如下图

    <table>
      <tbody><tr>
        <td>This is an test</td>
        <td>Second field</td>
        <td>Third field</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
       <td>&nbsp;</td>
   <td>&nbsp;</td>
      </tr>
      <tr>
     <td>&nbsp;</td>
    <td>&nbsp;</td>
   <td>&nbsp;</td>
      </tr>
    </tbody>

关于html - 表格行上的边框而不是 td - 缺少 td,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33230563/

相关文章:

jquery - Bootstrap 轮播问题

jquery - 在 jQuery Mobile header 中对齐图像和文本

css - 背景图片在 IE9 中不显示

html - 表边界半径溢出 : hidden hides table border

javascript 脚本隐藏在源 View 中

html - 在 th :href link 中使用模型属性

javascript - 插入表函数如何获取其中的值

javascript - 使用 Python 自动化 HTTP 导航和 HTML 打印

knockout.js foreach 在表中重复 td 元素,但不重复 tr 元素

javascript - 对齐动态头部和主体 - .Net MVC