多个<td>标签没有办法组成一个div或span里么？

Question

在开发模板的时候，我想把一个表格的多个列组成一个div或span，如图所示
结果实际的效果是，里面都是空的元素。换成div也是一样的。有没有办法能有完成上面的需求？

Answer 1

td只属于表格，只能置于tr下。

http://www.w3.org/TR/html5/tabular-data.html#the-td-element

Answer 2

HTML要语义化，元素嵌套自然是有规则的。<td>是表格中的单元格，自然不能也不应该放在<tr>之外的元素里。

另外，<span>是inline元素，里面也不应当放<td>、<div>这种块级元素。

所以你其实应该在理解HTML的基础上去设计你的模板，而不是逮着啥用啥。

如果你说明你的需求和目的的话，我相信会有很多人帮你设计模板。

Answer 3

不知道你要什么效果 IE8以上可以用table-cell这些display属性让div做到垂直居中 水平居中等效果
当然正如1楼所说table tr td这些标签要配套使用

Answer 4

恩，你需要知道，inline format context 是不能包括 block format context 的。。。

其次，按照 td 的定義，它也不該出現在表格以外的地方

如果你想要 td 的效果，可以試試 inline-block

有些網站貌似表格的東西，就是這樣做的。

另外，如果實在想用 td，可以考慮 HTML6。。。

HTML5 的元素都是有定義的，不應該亂用。

Answer 5

可以用Div模拟表格，然后显示的时候，给border加上宽度，从外面看，像是Table，同时满足你的布局需要。

Answer 6

td表示表格的列 不能单独抽出来 只能和tr一起使用