我在dreamweavercs5中对这个表格中的单元格,设置margin,为什么无效,请赐教

图片显示如下:
图片说明
代码如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#f {
    margin: 15px;
    border: 1px solid #000;
    background-color: #9FF;
}
table {
    background-color: #F09;
}
</style>
</head>

<body>
<table width="50%" border="1" align="center">
  <tr>
    <td id="f">&nbsp;</td>
  </tr>
</table>
</body>
</html>

2个回答

margin是容器外部的空白边,padding是内部的空白边

table可以margin,无padding

td可以padding,无margin

要设置td之间的间距,用table的cellspacing属性,只能统一设置

 <table width="50%" border="1" align="center"cellspacing="18">
  <tr>
    <td id="f" >&nbsp;</td>
    <td id="f" >&nbsp;</td>
  </tr>
</table>

showbo
支付宝加好友偷能量挖,胡杨等着我的招呼 回复zziazero: padding在IE8下无效。firefox,chrome支持。不过td设置margin无效,用cellspacing来设置。
5 年多之前 回复
zziazero
请叫我足下 前辈,我刚测试了一下,您的结论发现,table是可以有padding的,但是td的margin还是无效,可我之前,却是也见到过td可以加margin的情况
5 年多之前 回复
zziazero
请叫我足下 非常感谢,您的解答
5 年多之前 回复

用IE F12的css面板看下,这种问题很容易解决。

zziazero
请叫我足下 可以具体点吗?拜谢
5 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐