以下为浏览器firefox,ie默认设置:
table {
display: table;
border-spacing: 2px; /*border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。在指定的两个长度值中,第一个是水平间隔,第二个是垂直间隔。*/
border-collapse: separate; /* 除非 border-collapse 被设置为 separate,否则将忽略这个属性。 */
margin-top: 0;
margin-bottom: 0;
text-indent: 0;
}
td {display:table-cell;padding:1px;text-align:inherit;vertical-align:inherit;}
*****************************************
<td colspan="value"> :设置单元格可横跨的列数。rowspan:横跨的行数。span:跨度,两个界限之间的距离。
*****************************************
<table border="1"> /* DW页面设计中显示正常 */
<tr>
<td width="26">td</td>
<td width="139">td</td>
<td width="60">td</td>
</tr>
</table>
<table border="1"> /* DW页面设计中显示不正常 */
<tr>
<td style="width:26px;" >s</td>
<td style="width:139px;" >s</td>
<td style="width:60px;">s</td>
</tr>
</table> /* DW页面设计中显示不正常,推荐使用,节约代码 */
</table>
<table border="1">
<colgroup>
<col width="26" />
<col width="139" />
<col width="60" />
</colgroup>
<tr>
<td >c</td>
<td >c</td>
<td >c</td>
</tr>
</table>
posted on 2009-10-16 15:56
紫蝶∏飛揚↗ 阅读(807)
评论(0) 编辑 收藏 所属分类:
CSS 、
div+css+js代码