随笔-9  评论-168  文章-266  trackbacks-0
以下为浏览器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)  编辑  收藏 所属分类: CSSdiv+css+js代码

只有注册用户登录后才能发表评论。


网站导航: