我想知道这种制作表格元素的方式是好还是不好？

Question

我有条件， 如下图所示：

只允许使用非常简单的HTML TABLE元素来解决。

我想我的解决方案是最好的吗？

http://jsbin.com/exazif/

查看代码：http://jsbin.com/exazif/edit#javascript,html

Answer 1

如果必须使用<table>，这种方法很好。但是你不应该写colspan="250"。 Colspan不是为此而设计的。如果您不必使用<table>，则可以使用浮动div。

老实说，关于什么是更好的问题存在很大争议：表格或div。 Read more about it here.

这在基本表上非常good tutorial。

Answer 2

您应该给td标签ids，然后使用css代替过时的html属性。

css

table {
  border: none;
  width: 800px;
  border-collapse: collapse; /* instead of cellspacing */
}
td {
  padding: 0;
}
td#first_first {
  background-color: 'red';
  width: 400px;
}
td#first_second {
  background-color: 'blue';
  width: 400px;
}

在您的html

中

<table>
 <tr>
  <td id="first_first">400x200</td>
  <td id="first_second">400x200</td>
 </tr>
...
</table>

Colspan表示td单元可扩展多少列。因此，在您的代码中，它使用不正确。 https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td