无需CSS:如何用HTML原生属性实现表格去内边距及边框合并
解决方案
你需要的两个效果都可以通过<table>标签的原生HTML属性实现,无需任何CSS:
- 移除单元格内边距:使用
cellpadding属性,将值设为0即可清除所有单元格内容和边框之间的默认内边距 - 实现边框合并效果:使用
cellspacing属性,将值设为0即可清除单元格之间的默认间距,相邻边框会紧贴在一起,和border-collapse: collapse的视觉效果完全一致
如果需要同时显示表格边框,额外添加border="1"原生属性即可,完整示例如下:
<table border="1" cellpadding="0" cellspacing="0"> <tr> <td>示例单元格1</td> <td>示例单元格2</td> </tr> <tr> <td>示例单元格3</td> <td>示例单元格4</td> </tr> </table>
上述两个属性是HTML 4及更早版本的标准原生属性,完美兼容不支持CSS的老旧程序环境。
内容的提问来源于stack exchange,提问作者Adam Scot
相关产品推荐
相关产品推荐

