Question

我的意思是，如果表格有4列，则列的宽度最大为表格宽度的25％。如果它是3列，那么33％。两列，50％。 10列？ 10％。该表的最大宽度预定为500px（为此示例）并始终保持最大500px。正在使用LESS。

Answer 1

<style>
  table.one-fourth tr td { width:25%; }
</style>

<table class="one-fourth" cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>

<style>
  table.one-third tr td { width:33%; }
</style>

<table class="one-third" cellpadding="0" cellspacing="0" width="100%" border="0">
   <tr>
      <td></td>
      <td></td>
      <td></td>
   </tr>
</table>

或者你也可以使用

<table style='table-layout:fixed'>

有没有办法通过CSS / LESS动态地设置每列的表列宽度？

1 个答案: