在css中为table 添加border-collapse:collapse后表格单元格边界异常的解决办法
来源:互联网 发布:c primer plus知乎 编辑:程序博客网 时间:2024/06/05 01:10
在css中添加border-collapse:collapse或在js中添加borderCollapse = "collapse"能够消除单元格间的间距,但是,如果用js对table进行操作完后,table需要重新计算列宽时,个别单元格的边界会很不听话,仍然维持原来的宽度,这时删除表格的border-collapse:collapse就能恢复正常,但单元格间会产生间距。尤其在使用<colgroup>标记来动态显示/隐藏列时,ff一加载就有问题,ie在对colgroup操作以后也会有问。这个问题很烦。
现在想到的唯一的解决办法是在html中添加cellpadding="0" cellspacing="0"属性,这个似乎和css,js中的 border-collapse不一样,但也能去除单元格间距,而且不会产生边界问题。
但会产生另一个问题:如果单元格中没有内容,单元格不显示边框,网上搜了一下,最后找到一个兼容ff和ie7/8 的方法:
在表格的css中加empty-cells:show;这个ff支持,ie不支持。然后再用js判断一下浏览器,如果是ie就$("table").rules="cols"; rules:cols属性虽然ff也支持,但会产生上面说过的问题即单元格边框错位。
阅读全文
0 0
- 在css中为table 添加border-collapse:collapse后表格单元格边界异常的解决办法
- 在css中为table 后表格单元格边界异常的解决办法
- css 表格border-collapse
- 合并表格的边框 border-collapse: collapse
- CSS 表格中的单元格边框重叠属性 border-collapse
- Table的border-collapse属性
- table的border-collapse属性
- 记录 table 的 border-collapse
- border-collapse为tr添加底部border
- table-table-layout和border-collapse: collapse的用法
- css table-layout 、border-collapse属性
- border-collapse:collapse 的使用
- 避免table的border重叠变粗,只需要对table的css设定border-collapse:collapse; 可以解决
- table中设置border-collapse属性
- CSS border-collapse用途
- CSS border-collapse 属性
- css border-collapse
- CSS border-collapse 属性
- 实现kMeans聚类
- 人脸识别趟坑历程
- 左右两个div高度自适应
- 南阳理工acm 187快速查找素数
- HDU-1231-最大连续子序列
- 在css中为table 添加border-collapse:collapse后表格单元格边界异常的解决办法
- 欢迎使用CSDN-markdown编辑器
- Netty解决TCP粘包/拆包导致的半包读写问题
- keil MDK hardfault调试步骤
- 单例模式示例与解析
- PickerView时间 城市 条件选择器
- 下拉刷新
- redis数据库window版安装
- android build构建,获取packagename