我有這樣的表結構（我可以用Div來代替，如果可以解決起訴他們的問題）並且想要將左列的寬度設置爲以像素爲單位的固定大小，例如300px並且使右列自動寬度以保持從左列到瀏覽器邊界的大小。我的解決方案在這種情況下不起作用。表列調整大小

<table> 
    <tr> 
     <td width="300"> 
      fixed size 
     </td> 
    </tr> 
    <tr> 
     <td width="100%"> 
      take free space 
     </td> 
    </tr> 
</table>

來源

2011-07-21 Tomas

表在你的HTML只有一列.. – thirtydot

我的意思是排..... – Tomas

目前尚不清楚你以後。一個圖像會有所幫助。 – thirtydot

使用/起訴的DIV：

<div style="background-color: lime; float: left; width: 300px;">fixed size</div> 
<div style="background-color: cyan; margin-left: 300px;">take free space</div>

Demo here

來源

2011-07-21 13:47:59

-1

通過屬性或通過CSS，您的表格還應該具有width =「100％」。

來源

2011-07-21 12:58:45 ikanobori

使用table：http://jsfiddle.net/rtVzf/

<table width="100%"> 
    <tr> 
     <td width="300"> 
      fixed size 
     </td> 
     <td> 
      take free space 
     </td> 
    </tr> 
</table>

來源

2011-07-21 13:02:50 thirtydot

嘗試牽制你的表的左側，並指定100％，然後讓你的左邊的列固定寬度，然後將右列固定在右側。

<TABLE width="100%" height="100%" align="left" border="1"> 
     <TR> 
     <TD width="300px" height="100% align="left" valign="top"> 
     <p align="left">Get rid of the border by changing it to 0 after you get all of your placement down.</p> 
     </TD> 
     <!--other TDs if desired--> 
     <TD height="100%" align="right" valign="top"> 
      <p align="left">written stuff or images, etc.</p> 
     </TD> 
     </TR> 
    </TABLE>

來源

2011-08-09 05:14:55 joeyslaptop

表列調整大小

回答

Demo here

相關問題