2009-11-30 48 views
5

我试图设定比例列宽度随<col width="x*" />设置带比例列宽度<COL宽度=“×*” />

<table width="600px"> 
    <col width="1*" /> 
    <col width="2*" /> 
    <col width="3*" /> 
    <tbody> 
     <tr> 
      <td style="border: 1px solid black;">AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA AAA 
      </td> 
      <td style="border: 1px solid black;">BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB BBB 
      </td> 
      <td style="border: 1px solid black;">CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC CCC 
      </td> 
     </tr> 
    </tbody> 
</table> 

尽管<col>标签设置比例,列宽度是相等的。我做错了什么?

+0

在http://www.mozilla.org/newlayout/testcases/layout/columnconstraints.html上似乎有一个测试用例,它在Chrome 3.0,Firefox 3.0或IE 8.0中对我无效。 – 2009-11-30 22:06:40

+0

@Dominic Rodger:这没什么帮助:))'table-layout:fixed'似乎有帮助。 – LukLed 2009-11-30 22:26:46

回答

3

你可以使用17%,34%和49%。对于1:2:3

+0

谢谢。我可以,但比例布局更易于使用,并且由于它是标准的一部分,所以知道如何去做是一件好事。 – LukLed 2009-12-01 02:17:46

+1

如果其中一列是固定宽度,则不能将比例列转换为百分比(除非您事先知道表格的总宽度)。 – 2011-11-30 21:25:53

0

我试图让它在所有主流浏览器都能正常工作,但也失败了。 Google除了官方规格外几乎没有什么提示。

我得出结论,比例列的宽度根本不受任何浏览器制造商的支持。很奇怪,因为与现在支持的一些更深奥的东西相比,它看起来非常有用。

+0

至少微软确实表示IE不支持相对宽度,尽管目前不太清楚它所讨论的是什么版本:http://msdn.microsoft.com/en-us/library/ff406073(v=vs.85)。 ASPX – 2013-09-02 17:42:35