2014-10-17 63 views
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> 
+0

这里有一个小提琴 - http://jsfiddle.net/vfwsLmbm 。我这不是你期待的? – Alex 2014-10-17 08:28:07

+0

谢谢。不,因为w1和w2的宽度为199px。我想w1 w2 w3 = 200px。 – user3279494 2014-10-17 08:36:11

回答

0

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> 
+0

如果单元格的内容更多,以至于浏览器根据内容需求分配宽度,这还不够。 – 2014-10-17 10:50:32

+0

没有改变我的表格宽度是不可能的? – user3279494 2014-10-17 11:31:11

0

使用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>

相关问题