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-600

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

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

赞(0) 打赏
未经允许不得转载:0133技术站首页 » HTML5 答疑