table的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式:
Example Source Code
[www.52css.com]
<table cellspacing="0" cellpadding="0"></table>
很多朋友会说表现在结构中,这样不符合标准,那如何将这个表现拿出来,有些朋友或许很迷惑。我们可以用table的border-collapse:
collapse;属性 来代替cellspacing="0",用th,td的padding: 0; 属性来代替cellpadding="0"。
Example Source Code
[www.52css.com]
table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}
还可以用expression来实现cellpadding="0"的样式:
Example Source Code
[www.52css.com]
table {
border-collapse:collapse;
border-spacing:0;
padd:expression(this.cellPadding=0);
}
下面我们看《HTML与CSS入门经典(第7版)》一书中对这两个属性的描述:
Example Source Code
[www.52css.com]
对表格的设置不仅可以使用style属性。例如,可用cellpadding和
cellspacing属性来控制表格边框的间距。cellspacing属性设置表格边框之间和表格单元格之间的间距(以像素为单
位);cellpadding属性设置单元格中的信息四周的间距(也是以像素为单位)。如果将cellpadding属性设置为0,将使表格中的所有信息
尽量接近表格边框,甚至接触到边框。cellpadding和cellspacing属性让你能够全面控制表格的外观。
注意:虽然在XHTML中仍允许使用cellpadding和cellspacing属性,但CSS中存在与这两个属性等价的样式属性padding
和border-spacing。然而,当前的网页浏览器对这些样式属性的支持不一致,因此建议现在仍使用属性cellpadding和
cellspacing来调整表格的间距。
在《精通CSS》一书中,作者提倡的方法是:
Example Source Code
[www.52css.com]
table {
border-collapse: collapse;
}
<table cellpadding="0"></table>
分享到:
相关推荐
复制代码代码如下: table { border-collapse:...注意cellSpacing和cellPadding中间的 S 和 P 都要是大写的。 方式2,setAttribute 复制代码代码如下: table.setAttribute(‘cellspacing’,’10’); table.setAttribu
主要介绍了JS动态修改表格cellPadding和cellSpacing的方法,涉及javascript操作cellPadding和cellSpacing属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
可拖动的table #draggable{ padding:absolute; height:600px;... <table cellspacing="0" cellpadding="0" width="1" height="80%" bgcolor="#C0C0C0" ><tr><td></td></tr></table> //竖线的生成 </div>
使用html做复杂的表格。复杂表格一般是用到td的两个属性:rowspan 、colspan属性值。 ... (1)rowspan 属性规定单元格可横跨的行数; (2)colspan 属性规定单元格可横跨的列数。 ...table id="tab" cellpadding="1
<table cellpadding=点数> 【4】调整表格宽度 -- width <table width=点数或百分比> 【5】调整表格高度 -- height <table height=点数或百分比> 【6】设定表格背景色彩 -- bgcolor <table bgcolor=#rrggbb...
overflow-x:scroll\"><table border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr>" for(i=0;i;i++){ if(i){ var cTitle=DataTitles[i].split("#") iBoxWidth-=cTitle[1] var DynTip=((i+1)==...
<table border="0" width="200" cellspacing="1" cellpadding="0" bgcolor="#000000"> ;" onMouseOut="this.bgColor='#FFFFFF';"> 细 表 ;" onMouseOut="this.bgColor='#FFFFFF';"> 线 格 </table>
和之前的一个不同的是这个是固定了table的宽度。 相应函数修改为一下后可适应tabel的border属性取不同值: o.p_p_c_gw=function(index)/*取得o.parentNode.parentNode.cells的宽度,兼容IE6和Firefox*/{ if...
">报送时间: 年 月 日</td></tr></table> <table cellspacing="0" class="pb">'; var frozenColumns = printDatagrid.datagrid("options").frozenColumns; // 得到frozenColumns对象 var columns = printDatagrid...
<table border="1" cellpadding="0" cellspacing="0" width="80%"> 序号 业务类型 业务编码 满板数量 主料编码 维护人员 维护时间 编辑 for (int i = 0; i ; i++) ...
--> <BR><br> <table cellpadding=3 cellspacing=1 align=center class=tableborder1> <TR><Th colSpan=2 align=left height=25>-=> 友情论坛</Th></TR> 3 打开chat文件夹中的sendm.asp和editm.asp,把...
一个Table对象包含多个行TableRow,每一行又包含TableCell,TableCell中...Table单元格内容和单元格边框之间的空间量(单位:像素) CellSpacing 相邻单元格之间的空间量 Rows Table控件中行的集合 Tabl
'<table border=1 cellpadding=0 cellspacing = 0>', '<tr><td width=90>姓名</td><td width=90>{0}</td></tr>', '<tr><td>年龄</td><td>{1}</td></tr>', '<tr><td>性别</td><td>{2}</td></tr>', '</table>...
程序中为了更美观会自动去掉新table上面和下面的边框,包括frame和style的: Code if(this._oTable.border > 0){ switch (this._oTable.frame) { case "above" : case "below" : case "hsides" : this._nTable...
<table cellpadding=""> 设置表格格子边框与其内部内容之间空间的大小 <table width=""> 设置表格的宽度。用绝对像素值或总宽度的百分比 <table align=""> 设置表格格子的水平对齐方式(left,center,right,justify)...
//<table border="0" cellspacing="0" cellpadding="5" class="odTable" id="idTable"> // // // <td align="center"><span id="idNum">ID</span></td> // <td> 名称</span> / 类型</span></td> // ...
很实用的导出word源码,...例如: <style type="text/css"> table { border:1px solid red; border-collapse:collapse;... <table cellpadding="0" cellspacing="0"> 我是来测试的 </table> </div>
StringBuilder Content = new StringBuilder(); Content.Append("Dear ... <table cellspacing="0" width='100%' bordercolordark="white" cellpadding="0" align="center" bordercolorlight="#cccccc" border="1">
cellpadding 设置单元格内容与单元格边框之间的空白间距 像素值(默认为1像素) width 设置表格的宽度 像素值 height 设置表格的高度 像素值 align 设置表格在网页中的水平对齐方式 left、center、right bgcolor ...