`
zengshaotao
  • 浏览: 779157 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

被忘却的cellspacing

 
阅读更多

使用的chrome浏览器,开始访问自己建立的站点。还是比较常规的代码,即<body>标签开始写入html标签<table> 发觉,页面之间总有空隙,觉得这应该是浏览器对页面元素默认的属性赋值,使用了google插件查看之后,确实发现body的margin:8px。然后设置了body{

margin:0px;

}

间距没有了,页面显得紧凑。貌似IE的默认是5px,不太记得了。

 

然后设置table的内容,发觉td之间的间隔在某些场合还是影响了美观性,于是如下设置:

<table cellspacing="0px" style="width:100%;text-align:center">

间隔消失。把cellspacing放到style里是不行的,原因是原来的cellspacing属性被现在的css样式属性替代了,

替代的属性是:border-collapse:collapse.

另外,cellspacing一看便是对容器里面的内容进行设置,而且被包含的元素和容器本身存在一定的组成关系,需同时出现的,所以td是不能使用这一的属性的,按照这样的分析,tr貌似可以,实际还是不行,最终只有table是可以的。

 

分享到:
评论

相关推荐

    cellspacing和cellpadding的区别

    如果表格边框被设置为可见(如 `border="1"`),那么`cellspacing`值还会加上边框宽度,形成实际的单元格间隔。 其次,`cellpadding` 属性则是用来设置单元格内容与其边界的距离。同样,它的值也是一个数字,单位也...

    JS动态修改表格cellPadding和cellSpacing的方法

    本文实例讲述了JS动态修改表格cellPadding和cellSpacing的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过修改表格对象的cellPadding和cellSpacing属性来修改表格单元格的间距 &lt;!DOCTYPE html&gt; &lt;...

    cellpadding=0 cellspacing=0的css替代写法

    `cellpadding` 控制单元格内部内容与边框的距离,而 `cellspacing` 设置单元格之间的间距。然而,随着CSS的普及和对更语义化HTML的追求,这些属性逐渐被CSS样式所取代,以实现更加灵活和精细的控制。本文将详细探讨...

    HTML cellpadding与cellspacing属性图文详解

    当你设置`cellpadding`的值时,这个值会被应用到表格的每个单元格中,使内容与边框之间保持一定的空间。例如,`cellpadding="10"`会使得单元格内的内容离边框有10像素的距离。请注意,`cellpadding`的值可以是像素或...

    IE6/7中使用setAttribute设置table的cellpadding和cellspacing的Bug

    复制代码代码如下: table.cellSpacing = 10; table.cellPadding = 10; 注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。 方式2,setAttribute 复制代码代码如下: table.setAttribute(‘cellspacing’,’...

    HTML表格标记教程(9):单元格间距属性CELLSPACING

    &lt;TABLE CellSpacing=value&gt; 语法解释 单元格的间距以像素为单位。 文件范例:10-9.htm 设定表格的单元格间距。01 &lt;!– —————————— –&gt;02 &lt;!– 文件范例:10-9.htm –&gt;03 &lt;!– 文件说明:设定表格...

    Girdview教程1

    Girdview教程,Girdview基础篇

    表格属性表格属性

    在上面的代码中,cellspacing 属性被设置为 0。 5. 边框颜色 bordercolorlight 和 bordercolordark 属性 bordercolorlight 和 bordercolordark 属性是指表格边框的颜色,通过设置这两个属性可以控制表格边框的颜色...

    单元格无间隙

    这种效果常见于各种网页布局中,尤其是当表格被用作排版元素时。 #### 二、实现单元格无间隙的方法 1. **使用CSS属性`border-collapse`:** - **定义**:`border-collapse`属性用于控制表格中相邻单元格之间的...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    &lt;TD vAlign=top background=/images/bg_1.jpg colSpan=10&gt; &lt;TABLE cellSpacing=3 cellPadding=0 width="100%" border=0&gt; &lt;TR&gt; &lt;TD width="95%" height=1216&gt; &lt;TABLE cellSpacing=0 cellPadding=0 width="100%" ...

    web程序 网上书店

    &lt;table width="770" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#330000" bgcolor="#FFFFFF"&gt; &lt;td height="428" valign="top"&gt;&lt;table width="770" height="37" border="0" ...

    简洁的EXTJS日期选择插件.rar

    一款简洁的外观基于EXTJS的日期选择插件,日历插件,... 5.colSpan cellSpacing hideFocus (colspan cellspacing ie dom 设置 有问题 ,直接html 属性小写没问题)  修改代码时请注意,IE 表格操作很脆弱,只能直接DOM

    基于PHP的校园二手信息网站的设计与开发(源代码+lw).rar

    &lt;table width="500" height="200" border="0" cellpadding="0" cellspacing="0"&gt; &lt;td background="images/df.gif"&gt;&lt;TABLE width=324 height=136 border=0 cellPadding=0 cellSpacing=0&gt; ...

    html中细线表格的做法

    第一种方法:使用table标签的border、cellpadding和cellspacing属性 在第一种方法中,我们使用table标签的border、cellpadding和cellspacing属性来实现细线表格。下面是相关的代码: ```html ...

    RGB颜色查询对照表

    &lt;table width="600" border="0" align="center" cellpadding="0" cellspacing="0" class="infotable"&gt; &lt;td align="left"&gt;  &lt;td width="364" height="26" align="left" valign="bottom"&gt;&lt;h2&gt;RGB颜色查询对照...

Global site tag (gtag.js) - Google Analytics