日期:2014-05-17  浏览次数:20827 次

在DreamWeaver中的表格的单元格填充和单元格间距它们具体是什么意思?
在DreamWeaver中的表格的单元格填充和单元格间距它们具体是什么意思?
也就是table里的cellpadding和cellspacing到底是什么意思?
能告诉我吗?

------解决方案--------------------
cellpadding:边框与内容的距离
cellspacing:边框与边框的距离
------解决方案--------------------
我在用Dreamweaver时也发现了这个问题。
据我的理解是:边框与内容的距离:你在制作表格时,当你在每个单元格里输入文字,你的文字和里面那条靠近文字的边框的距离就是边框与内容的距离。边框与边框的距离:不知道你绘制表格时有没有注意到无论你怎么设置,表格都是由两道线画出来的,这两道线之间的距离就是边框与边框之间的距离,如果你想画单条线的表格,就要经过别的方法处理,才能得到单线条的表格边框。
这是我的个人见解。
------解决方案--------------------
cellpadding是td里的内容与边框之间的距离,如果为0内容和边框就紧贴在一起,下例中设置为10,内容和边框就不会挤在一起了,你可以调整这个值来观察效果

cellspacing是每根边线之间的距离,下面的例子里边框宽度设置为0,你看到的绿色的边线其实是表格的背景色,因为cellspacing设置为1,所以就看到了1象素的背景色。

实现单线的表格就可以用这个原理:将表格的border设为0,背景色设为你期望的表格的边框色,cellspacing设为你期望的表格线的宽度。tr的背景色设为你期望的每个格子中的颜色,没有特殊要求就设为白色。

具体看下面的例子:

<table border= "0 " cellpadding= "10 " cellspacing= "1 " bgcolor= "green ">
<tr bgcolor= "white ">
<td> sdfadsf </td>
<td> sadf </td>
<td> asdf </td>
</tr>
<tr bgcolor= "white ">
<td> asdf </td>
<td> sdfasdf </td>
<td> sdfsfd </td>
</tr>
</table>
------解决方案--------------------
---------------------------
|(a)内容(a)|(b)|(a)内容(a)|
---------------------------

a 是 cellpadding,b是cellspacing,纵向也有,比较难画我就不画了
------解决方案--------------------
一个区块有边框为分界线,
区块内部的内容与边框的空白叫填充padding,对应着表格的cellpadding
区块边框与外部区块间的空白叫间距margin,对应着表格的cellspacing。