colspan不起作用,css中colspan是什么意思

原文链接

两个属性(colspan和rowspan )用于创建特殊的表。

colspan是“column span”(跨列)的缩写。 colspan属性用于td标记,用于指定单元格跨的列数。

浏览器显示如下:

1个单元格2个单元格3个单元格4在本示例中,通过将colspan设置为”3″,使单元格跨越三列。 如果将colspan设置为“2”,则单元格只跨两列,因此必须在第一行插入另一个单元格,以便两行占同一列数。

此示例在浏览器中显示如下:

1单元格2单元格3单元格4单元格5 rowspan的作用是指定单元格的垂直行数。

浏览器显示如下:

1单元格2单元格3在单元格4上的示例单元格1中,rowspan设置为“3”。 这意味着该单元格必须跨越三行。 因此,单元格1和单元格2在同一行中,而单元格3和单元格4形成独立的两行。

l; line-height:21px; font-family:simsun; font-size:14px”>  

综合实例

ss

<html>
<head>

</head>

<table border= “1 ”   width= “200 ” >
     <tr>
        <td colspan=”4″  >ss

        </td>
     </tr>
     <tr>
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td> 
     </tr>
     <tr>
        <td   width= “25% “rowspan=”2”>   </td>  
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td> 
     </tr>
     <tr>

        <td   width= “25% “>   </td>  
        <td   width= “25% ” rowspan=”3″>   </td>  
        <td   width= “25% “>   </td> 
     </tr>
     <tr>
        <td   width= “25% ” colspan=”2″  >   </td>  
        <td   width= “25% “>   </td>  

     </tr>
     <tr>
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td>  
        <td   width= “25% “>   </td>  

     </tr>
</table>

</html>

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注