html表單元素的colspan和rowspan


 colspanrowspan這兩個屬性用於創建特殊的表格。

colspan用來指定單元格橫向跨越的列數:colspan就是合並列的,colspan=2的話就是合並兩列。

rowspan用來指定單元格縱向跨越的行數:rowspan就是用來合並行的,比如rowspan=2就是合並兩行,

  • rowspan通常使用在tdth標簽中
  • row:行,span:跨度,跨距,范圍
  • col:列,span:跨度,跨距,范圍
 
        
<body>
<table border="1" width="300">
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</br>
<table border="1" width="300">
    <tr>
        <td colspan=3>合並第一行的三列</td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</br>
<table border="1" width="300">
    <tr>
        <td rowspan="2">合並第一列的兩行</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td>5</td>
        <td>6</td>
    </tr>
</table>
</body>

 


在瀏覽器中將顯示如下

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM