2009-11-30 79 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