HTML表格佈局問題

如果我有，例如3列：HTML表格佈局問題

<tr> 
     <td></td> 
     <td>Know the width</td> 
     <td></td> 
</tr>

在第二列中，我知道了寬度，並且希望這個中心，例如777，並希望其他2個邊拿起來是什麼屏幕左側（平分），這是如何完成的？

本：根本不起作用：

<tr> 
     <td width="*%" >&nbsp;</td> 
     <td width="777"></td> 
     <td width="*%"></td> 
    </tr>

來源

2009-10-22 JL.

可以使用colgroup element：

<table> 
    <colgroup> 
     <col width="*"> 
     <col width="30"> 
     <col width="*"> 
    </colgroup> 
    <tr> 
      <td></td> 
      <td>Know the width</td> 
      <td></td> 
    </tr> 
</table>

來源

2009-10-22 16:13:56 Joey

好吧讓我測試......... – 2009-10-22 16:14:21

這似乎並沒有在頁面中間的中心列.......... – 2009-10-22 16:16:46

好吧 - 大聲笑我看到你有一個錯字:)它現在有效，並接受答案 – 2009-10-22 16:17:49

使用花車將更好地工作，在這種情況下。你可以設置中間浮動有一個固定的大小，而另外兩個可以設置，以填補剩下的（我不記得確切的CSS語句）

來源

2009-10-22 16:12:47

聽起來不錯，請解釋一下怎麼樣？ – 2009-10-22 16:13:31

對於表格數據浮點數並不是一個好主意，但:-) – Joey 2009-10-22 16:20:08

我看不出如何做到這一點。你會如何告訴它，使左右浮動相同，但未知，大小？也許有一種方法，但我不知道其中之一。 – Jay 2009-10-22 16:44:45

以下內容適用於css2瀏覽器。 IE6的正文中需要標記。

<html> 
    <head> 
     <style> 
     body{text-align:center;} 
     #CenteredDiv{width:400px;margin:auto;background-color:silver;} 
     </style> 
    </head> 
    <body> 
     <div id="CenteredDiv">Centered Div</div> 
    </body> 
</html>

牛逼

來源

2009-10-22 17:08:55

HTML表格佈局問題

回答

相關問題