table的cellspacing和cellpadding有什么区别

 我来答
退潮缚叹1
2019-12-29 · TA获得超过278个赞
知道答主
回答量:134
采纳率:98%
帮助的人:55.1万
展开全部

  cellpadding
和cellspacing区别:
  cellspacing属性用来指定表格各单元格之间的空隙。此属性的参数值是数字,表示单元格间隙所占的像素点数。
  看下面的两个表格:
  比较代码,上边两个表格中只有
cellspacing
的设置不同,一个为“0”,一个为“8”,显示的结果就是第一个表格的每个单元格之间的距离为0(在本例中由于我们为了显示的方便,将表格边框设为“1”,所以单元格的真实距离是“2”,若将表格边框设为“0”,则单元格
的距离就是0了,第二个单元格同理),第二个表格的每个单元格之间的距离为8。
  cellpadding属性用来指定单元格内容与单元格边界之间的空白距离的大小。此属性的参数值也是数字,表示单元格内容与上下边界之间空白距离的高度所占像素点数以及单元格内容与左右边界之间空白距离的宽度所占的像素点数。我们先来看看这个例子:
  看下面两个表格:
  第一个表格单元格的内容与单元格边界之间没有空白距离,而第二个表格单元格的内容与单元格边界之间有空白距离,我们来比较一下他们的源代码:
  第一个表格的代码:
  <table
width="240"
cellspacing="0"
border="1"
bordercolor="#000000"
cellpadding="0">
  <tr>
  <td
width="120">网页陶吧</td>
  <td>
</td>
  </tr>
  </table>
  第二个表格的代码:
  <table
width="240"
cellspacing="0"
border="1"
bordercolor="#000000"
cellpadding="15">
  <tr>
  <td
width="120">网页陶吧</td>
  <td>
</td>
  </tr>
  </table>
   
两个表格只有红色部分代码不同。第一个表格中"网页陶吧"这几个字离它所在的单元格为0,那是因为设置了cellpadding="0"的原因.第一个表格中的"网页陶吧"这几个字离它所在的单元格比较远,那是因为cellpadding="15",也就是说"网页陶吧"离它所在的单元格的边界的距离为20像素。简单的说,cellpadding的值等于多少,那表格内的单元格从自身边界开始向内保留多少空白,单元格里的元素永远都不会进入那些空白里。 

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式