首頁 > web前端 > html教學 > td的margin为什么会失效,如下图,请赐教,务必详细,如下图,拜谢_html/css_WEB-ITnose

td的margin为什么会失效,如下图,请赐教,务必详细,如下图,拜谢_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 11:36:19
原創
1643 人瀏覽過

浏览器显示如下

dreamweavercs5代码编辑如下:
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档




 
  
    
    
  
   





回复讨论(解决方案)

首先,我们需要知道的是:我们可以对表格table设置margin,而不能设置padding;对单元格td设置padding,而不能设置margin。所以说,我们不能对单元格td设置margin属性来调整单元格与单元格之间的距离,但是我们可以使用一下方法来达到同样的效果。
1) 设置padding
就像刚才所说的那样,我们可以对单元格td设置padding属性来调整单元格之间的间隔
td{padding:5px 10px;}
2) 使用标签
我们可以在单元格td内添加标签,然后对标签设置margin属性
p{margin:5px 10px;}  
3) 对表格table设置border-spacing(IE不支持)
  先让我们简单了解一下border-spacing属性。border-spacing:length;设置单元格td的边在横向和纵向上的间距。当您指定一个length值时,这个值将作用于横向和纵向上的间距;当您指定两个length值时,第一个将作用于横向间距,第二个值将作用于纵向间距。
table{border-spacing:5px 10px;}

首先,感谢您的回答,有一点疑问想请教前辈,在上面,我上传的代码中已经对table设置了padding和margin,而且在浏览器中也都确实显示出来,请您再看一下,你说的table不可以设置padding,是不是有什么特殊性,再次感谢您的解答

哦,豁然开朗啊。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板