XHTML嚴格1.0表

我沒有使用CSS的表。我不想要CSS。表3列3行，具有以行和列（列跨度和rowspan的屬性）細胞融合我沒有找到一種方式來獲得在相同的寬度（200像素）的端部3列，而無需使用CSSXHTML嚴格1.0表

由於

<table width="600" cellpadding="0" cellspacing="0" border="1"> 
    <tr> 
     <td>a</td> 
     <td colspan="2">b</td> 
    </tr> 
    <tr> 
     <td colspan="2" rowspan="2">c</td> 
     <td>d</td> 
    </tr> 
    <tr> 
     <td>e</td> 
    </tr> 
    <tr> 
     <td>w1</td> 
     <td>w2</td> 
     <td>w3</td> 

    </tr> 
    </table>

來源

2014-10-17 user3279494

這裏有一個小提琴 - http://jsfiddle.net/vfwsLmbm 。我這不是你期待的？ – Alex 2014-10-17 08:28:07

謝謝。不，因爲w1和w2的寬度爲199px。我想w1 w2 w3 = 200px。 – user3279494 2014-10-17 08:36:11

user3279494：謝謝。不，因爲w1和w2的寬度爲199px。我想w1 w2 w3 = 200px

這是因爲你有1px的邊框，它包括那個。脫下邊框，你的行是200px。所以，如果你想要的列是200像素，與邊框，你需要增加表大小603px

<table width="603" cellpadding="0" cellspacing="0" border="1"> 
    <tr> 
     <td>a</td> 
     <td colspan="2">b</td> 
    </tr> 
    <tr> 
     <td colspan="2" rowspan="2">c</td> 
     <td>d</td> 
    </tr> 
    <tr> 
     <td>e</td> 
    </tr> 
    <tr> 
     <td>w1</td> 
     <td>w2</td> 
     <td>w3</td> 

    </tr> 
    </table>

來源

2014-10-17 08:41:29 Alex

如果單元格的內容更多，以至於瀏覽器根據內容需求分配寬度，這還不夠。 – 2014-10-17 10:50:32

沒有改變我的表格寬度是不可能的？ – user3279494 2014-10-17 11:31:11

使用col element指定列寬。這在XHTML 1.0 Strict中是有效的，即使在單元格上設置寬度不是。假設你要的200個像素每列的寬度（參見改爲@ AlexThomas的答案），您可以使用此：

<table width="603" cellpadding="0" cellspacing="0" border="1"> 
 
<col width="200"/> 
 
<col width="200"/> 
 
<col width="200"/> 
 
    <tr> 
 
     <td>I have put some extra text here to illustrate that 
 
      this cell is not expanded past the 200px limit.</td> 
 
     <td colspan="2">b</td> 
 
    </tr> 
 
    <tr> 
 
     <td colspan="2" rowspan="2">c</td> 
 
     <td>d</td> 
 
    </tr> 
 
    <tr> 
 
     <td>e</td> 
 
    </tr> 
 
    <tr> 
 
     <td>w1</td> 
 
     <td>w2</td> 
 
     <td>w3</td> 
 

 
    </tr> 
 
</table>

來源

2014-10-17 10:58:25

回答

相關問題