Question

有没有办法“拆分”表行，以便我可以独立设置列宽？这就是我的意思：

************************************
*  70%                 *    30 %   *
************************************
*  20 %   *           80 %         *
************************************

我知道以下方法：

使用2个表格。但这有时会给我带来整个宽度的问题，但它确实有效。
70％和80％是colspan =“2”。那个感觉就像一个黑客，并不是最佳的。
使用此表中的另一个表并将其拆分。这是有效的，但嵌套表变得复杂。

有没有办法将thead从tbody中分离出来，然后单独设置宽度？

提前致谢...

哈德

Answer 1

我的建议是使用DIV而不是表格，请参阅..

<DIV style="width:100%"> 
  <DIV style="width:70%; float:left;">row1 - column1</DIV>
  <DIV style="width:30%; float:left;">row1 - column2</DIV>

  <DIV style="width:20%; float:left;">row2 - column1</DIV>
  <DIV style="width:80%; float:left;">row2 - column2</DIV>
</DIV>

同样，您可以拥有不同宽度的列。你可以拥有自己的css类，我只需要内联css进行演示。看它是非常灵活的，因为你可以循环或分割表（DIV）而不仅仅是TWO，而不是三和更多。

希望这会对你有所帮助。谢谢。

Answer 2

实现它的另一种可能性，但并不比你提到的3种可能的方法更简单，是将<td>的{{1}}设置为position，并相应地为每个单元格设置absolute，width，top属性。

这使您可以单独设置宽度，但您也必须设置顶部或左侧属性。

＆＃34;分裂＆＃34;一张桌子？

2 个答案: