加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 表格单元格中的非均匀划痕边框

发布时间:2020-12-14 18:53:02 所属栏目:资源 来源:网络整理
导读:我已经应用CSS边框底部:1px虚线#494949;在 HTML表的单行的几个连续单元格上,但边框不统一.每个单元格末尾的破折号出现时间稍长.虚线边界也不统一.我也使用边界崩溃:崩溃; 这是截图: 有什么办法可以得到统一的虚线边框吗? 谢谢 解决方法 浏览器在渲染虚线
我已经应用CSS边框底部:1px虚线#494949;在 HTML表的单行的几个连续单元格上,但边框不统一.每个单元格末尾的破折号出现时间稍长.虚线边界也不统一.我也使用边界崩溃:崩溃;

这是截图:

有什么办法可以得到统一的虚线边框吗?

谢谢

解决方法

浏览器在渲染虚线边框时有恶作剧.您可以通过删除单元格间距和单元格填充并在tr元素上设置边框,而不是单元格上的边框来对抗它们.
table { border-collapse: collapse; }
td { padding: 0; }
tr { border-bottom:1px dashed #494949; }

但是在IE 9(在细胞连接处)这似乎仍然失败,而旧浏览器忽略了在表行上设置的边框.

考虑使用实心的灰色边框.它一贯工作,可能在视觉上可以接受,甚至更好.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读