td中无内容时显示边框
2015-08-05 10:04
435 查看
td中没有内容的时候,默认是不会显示td的边框,此时页面上显示的是一片空白,用户根本不知道这里其实有个的,并且页面也显得凌乱不堪,搜罗了下,总结了下面几种解决方法:
1、在单元格中加入一个空格。这样:<td> </td>
2、直接在table里这样写:
<table width="300" border="1" style="border-collapse:collapse;">**border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧,
separate:separate : 默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵)
collapse : 相邻边被合并
相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。
3、
table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者
table {width:100%;border-collapse: separate;empty-cells:show;}
不过,目前IE6.0持此属性,貌似只能在css2中使用。相应的脚本特性为emptyCells。
4、
<table cellspacing=2 border=1 rules="cols">这里能使边框显示出来的核心是 rules=”cols”
相关文章推荐
- iOS 跳转到AppStore评论区
- 【总结】IE和Firefox的Javascript兼容性总结(转)
- C语言注释
- Qt 删除资源文件后提示找不到相应文件
- 南邮 OJ 1149 Mine sweeping
- Elasticsearch 集群版本升级步骤及注意事项
- 只是一个爱的小程序
- win7、win8.1专业版升级到win10专业版问题处理及疑问。
- CSS布局定位基础-盒模型和定位机制
- twisted-01 Echo server and echo client
- JavaScript闭包
- Eclipse + Python 的安装与配置流程
- Twemproxy源码分析(四)数据结构(array和string)
- 响应式 Web 设计技巧
- AcDbTable 类
- tornado + supervisor + nginx 的一点记录
- HDU 5327 Olympiad
- acdream1084 寒假安排
- Twemproxy源码分析(三)数据结构(队列)
- hdu1022 Train Problem I 栈的应用