无涯教程网

Html tr 元素周围的边框不显示

发布于09月08日

似乎Chrome/Firefox不会在tr上呈现边框，但是如果 Select 器是table tr td，它就会呈现边框.

如何在TR上设置边框？

我的try 不起作用:

table tr {
  border: 1px solid black;
}

<table>
  <tbody>
    <tr>
      <td>
        Text
      </td>
    </tr>
  </tbody>
</table>

http://jsfiddle.net/edi9999/VzPN2/个

这是一个类似的问题:Set border to table tr, works in everything except IE 6 & 7，但它似乎在除IE之外的任何地方都适用.

推荐答案

将此代码添加到样式表中:

table {
  border-collapse: collapse;
}

它这样做的原因实际上在the specification中描述得相当好:

在中设置表格单元格边框有两种截然不同的模型 CSS.一种是最适合周围所谓的分隔边界的. 单个单元格，另一个适用于从桌子的一端连续到另一端.

... 之后，对于collapse设置:

在折叠边界模型中，可以指定

Html相关问答推荐

springBoot + Thymeleaf：属性中的UTF-8

Chrome中是否有一个本地显示密码功能，用于`input type = password/`？""<"">

连续的相同 colored颜色单元格应位于同一列、网格框中

我无法使用背景图像css，因为我在VS代码中将照片放在不同的文件夹中

现代网络浏览器可以并行下载哪些类型的网络资源？还有，什么东西不能并行下载？

如何在页面太短时使<；img&>缩小而不发生y溢出

try 更新我的Node.js应用程序中的用户，但我收到错误.然而，当我使用postman 时，更新工作正常

如何使背景图像在面包屑中相互重叠

rmarkdown HTML数字不适用于针织衫_1.44

带有图像的虚线边框

如何在r中提取明显非标准html标签的值

在 html 和 css 中绘制表格内的倾斜线

CSS 随着内容宽度的增加而减少填充

如何更改 Quarto 中标签crossref-def-title的标题 colored颜色？

如何并排放置
和
的定义列表，但如果
变长，
会向下移动？

无法使用 flexbox 裁剪图像

将固定/绝对伪元素放置在相对 div(具有滚动条)内，始终位于底部

以 HTML 格式显示的 LaTeX 表格

用 flexbox 和 overflow 覆盖

SVG 适用于 Safari，不适用于 Chrome

实用课程推荐

相关教程推荐