cellspacing和cellpadding区别
cellspacing和cellpadding区别
Java架构师必看
发布于 2021-05-14 17:35:16
发布于 2021-05-14 17:35:16
cellspacing和cellspadding区别
属性 | 含义 | 常用属性值 |
|---|---|---|
cellspacing | 设置单元格与单元格边框之间的空白间距 | 像素值(默认为2px) |
cellspadding | 设置单元格内容与单元格边框之间的空白距离 | 像素值(默认为1px) |
不使用任何的cellspacing和cellspdding修饰：
<table border="1">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>结果如图所示：
使用cellspacing修饰，设置为0
<table border="1" cellspacing="0">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>
发现单元格与单元格之间无间距 因为cellspcing设置为0
使用cellspaddcing修饰，设置为10
<table border="1" cellspacing="0" cellpadding="10">
<tr>
<td>公司</td>
<td>性质</td>
<td>平均薪资</td>
</tr>
<tr>
<td>阿里巴巴</td>
<td>民营企业</td>
<td>18k</td>
</tr>
<tr>
<td>工商银行</td>
<td>国有企业</td>
<td>8k</td>
</tr>
</table>
发现单元格内容与单元格边框间距变大。
本文来源itcats_cn，由javajgs_com转载发布，观点不代表Java架构师必看的立场，转载请标明来源出处
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号