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

Cellpadding和Cellspacing是table表格中使用的属性,可以设置table表格单元格中的空白,是两个有助于控制网页中表格的样式和布局的属性。那么它们之间有什么区别?下面本篇文章给大家介绍一下。

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中文网 !!

以上就是table中cellspacing和cellpadding的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » HTML5 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏