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

前端之家收集整理的这篇文章主要介绍了html – 表格单元格中的非均匀划痕边框前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经应用CSS边框底部:1px虚线#494949;在 HTML表的单行的几个连续单元格上,但边框不统一.每个单元格末尾的破折号出现时间稍长.虚线边界也不统一.我也使用边界崩溃:崩溃;

这是截图:

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

谢谢

解决方法

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

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

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

原文链接:https://www.f2er.com/html/224868.html

猜你在找的HTML相关文章