菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
69
0

table中cellspacing和cellpadding的区别是什么?

原创
05/13 14:22
阅读数 595239

cellpadding: 表示单元格(<td>)内边距到其内容之间的距离

看下图: 绿色表示td的背景色,也就是表示td的大小, 1001表示td中的内容.图中标注的10px就是cellpadding设置的距离。【推荐:html在线手册

<table cellpadding = "10px"></table>

cellpadding
可以看出,在其内容不变的情况下,cellpadding越大,单元格td也就被撑的越大.这也就导致了看上去单元格之间的距离变大了,其实是单元格被撑大了而已.

cellspacing:表示单元格与单元格之间的距离:

设置cellspacing="30px"起到的作用:
cellspacing
由图可以看出,td的大小其实就是背景色那么大,但是两个单元格的距离却变大了,这主要是设置cellspacing起到的效果.

总结:

cellpadding和cellspacing之间的主要区别在于:cellpadding用于设置单元格边缘与其内容之间的宽度,即在文本和单元格边框之间的单元格内创建空白。而,cellspacing可以用于设置表格中单元格与单元格之间的空间。

1.jpg

更多web开发知识,请查阅 HTML中文网 !!

发表评论

0/200
69 点赞
0 评论
收藏
为你推荐 换一批