最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:懂视网 责编:小采 时间:2020-11-27 16:12:27
文档

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

td的margin为什么会失效,如下图,请赐教,务必详细,如下图,拜谢_html/css_WEB-ITnose:浏览器显示如下 dreamweavercs5代码编辑如下: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
推荐度:
导读td的margin为什么会失效,如下图,请赐教,务必详细,如下图,拜谢_html/css_WEB-ITnose:浏览器显示如下 dreamweavercs5代码编辑如下: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

浏览器显示如下

dreamweavercs5代码编辑如下:

"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,是不是有什么特殊性,再次感谢您的解答

哦,豁然开朗啊。

文档

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

td的margin为什么会失效,如下图,请赐教,务必详细,如下图,拜谢_html/css_WEB-ITnose:浏览器显示如下 dreamweavercs5代码编辑如下: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top