设置列中不同单元格的宽度答案

【问题标题】：Setting width for different cells in a column设置列中不同单元格的宽度
【发布时间】：2011-08-22 01:51:45
【问题描述】：

我正在制作一个简单的网站，但有没有办法将不同列的宽度分开？我需要转换或改变什么？

<table>
<tr><td width="50%">Site logo</td>
<td width="50%">Navigation</td></tr>
<tr><td width="100%">Art Examples</td></tr>
<tr><td width="60%">News</td>
<td width="40%">About Me</td></tr>
<tr><td width="100%">Other websites</td></tr>
<tr><td width="100%">Copyright</td></tr>
</table>

我是 HTML 的新手，尽管我面前有一本书，但我仍然对这部分感到困惑。

【问题讨论】：

可能有帮助，也可能没有帮助，但您确实应该使用 <div>s 和 css 来布局您的网站...
我正在使用 CSS，但我找不到用 CSS 更改单个单元格的任何关系，只有整个表格...

标签： html html-table width cells

【解决方案1】：

您需要在<td> 标签上添加一个colspan="2"，而每行只需要一个<td>。

像这样：

<table>
<tr><td width="50%">Site logo</td>
<td width="50%">Navigation</td></tr>
<tr><td colspan="2">Art Examples</td></tr>
<tr><td width="60%">News</td>
<td width="40%">About Me</td></tr>
<tr><td colspan="2">Other websites</td></tr>
<tr><td colspan="2">Copyright</td></tr>
</table>

【讨论】：