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


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

HTML css django

斜阳穹顶近黄昏 10 years, 2 months ago

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

海星使sama answered 10 years, 2 months ago

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

光与影的平衡 answered 10 years, 2 months ago

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

午夜吟唱者 answered 10 years, 2 months ago

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

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

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

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

lamar answered 10 years, 2 months ago

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

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

裏·琪露諾 answered 10 years, 2 months ago

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

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

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

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

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

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

aziha answered 10 years, 2 months ago

Your Answer