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

灯卧佛
  • 28

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

回复
阅读 8.2k
6 个回答

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

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

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

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

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

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

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

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

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

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

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

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

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

宣传栏