具有不同大小单元格的CSS / HTML表格

Question

我正在尝试创建一个包含许多不同大小的单元格的表格，但据我所知，创建带有html / css的表格看起来似乎太多了：

任何帮助将不胜感激！

Answer 1

我认为你要找的是单元宽度。您可以在HTML中执行此操作（CSS仅用于显示结果）：

td {
background-color: red;
}

<table>
<tr><td width="500px">Cell 1</td><td width-"100px">Cell 2</td></tr>
</table>

您也可以更改高度，但据我所知，您只能更改每行的高度：

td {
  background-color: red;
  }

<table>
    <tr><td width="500px" height="100px">Cell 1</td><td width="100px">Cell 2</td></tr>
    </table>

Answer 2

除了每个的宽度和高度之外，您还可以使用“colspan”和“rowspan”属性。就像你的照片中的单元格一样：“伊拉克战争值得付出代价”，你可以拥有如下内容：

<td rowspan="2">

有关示例，请参阅以下链接： http://www.w3schools.com/tags/att_td_colspan.asp