在表格中将td宽度设置为td数字

有没有办法在表格中设置td宽度td.例如:

如果有1 td,那么每个的宽度td是100%

如果有2 td,那么每个的宽度td是50%

如果有3 td,那么每个的宽度td是1/3

等等

有没有办法为这种需要编写CSS规则？

旁注:我无法编辑HTML,它来自其他地方.我只能编辑CSS.

HTML可能如下所示:

  

    
foo
    
bar
    
baz

  

Bhuwan.. 5

您可以使用table-layout:fixed与width:100% 对table.

表格布局:固定

表和列宽度由table和col元素的宽度或第一行单元格的宽度设置

table {
  width: 100%;
  table-layout: fixed;
}

td {
  border: 1px solid;
}

  

    
foo
  




  

    
foo
    
bar
  




  

    
foo
    
bar
    
baztd
  




  

    
foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo
    
bar
    
foo
    
bar
  

table {
  width: 100%;
  table-layout: fixed;
}

td {
  border: 1px solid;
}

  

    
foo
  




  

    
foo
    
bar
  




  

    
foo
    
bar
    
baztd
  




  

    
foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo
    
bar
    
foo
    
bar