你可以混合％和px來對齊表嗎？

我試圖對準不同量列不同的表，因此前兩列對齊，其餘爲獨立保持一致，但使用％是非常困難和調整窗口它的損失比對時。你可以混合％和px來對齊表嗎？

這就是爲什麼我試圖對準％和PX對TD混合，恩。

<table> 
    <tr> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="50%"></td> 
    <td width="20%"></td> 
</tr> 
</table> 
<table> 
<tr> 
    <td width="100px"></td> 
    <td width="100px"></td> 
    <td width="70%"></td> 
</tr> 
</table>

但是看起來並不合乎邏輯，它似乎並不奏效。

有沒有辦法得到這個工作還是替代？

來源

2010-01-15 Amra

對不起，不格式化示例，我試過，但我不知道怎麼辦。 – Amra 2010-01-15 16:42:16

要包含格式化的代碼，請用四個空格縮進代碼或單擊工具欄中的「代碼」按鈕。 – SLaks 2010-01-15 16:44:37

感謝您的建議，畢竟它似乎保持格式。 – Amra 2010-01-15 16:46:24

你將不得不使用跨度屬性做到這一點。表的設計使得存在不連續的行和列，其中表中的列數等於任何行中TD元素的最大數量+這些單元跨越的列數（默認爲1）。所以，你需要找出表格中某一列的基本單位，然後讓這些單元成爲該基數的倍數。

要記住的一件事是，其中指定了較少列的任何行（跨越多列的單個TD列和TD都將填充儘可能多的列，從左到右）（除非是rtl文本是在CSS中指定的），所以你可以有不同數量的列的行，因爲除非設置了colspan屬性，否則TD單元不能溢出它的列（換句話說，TD必須佔用整數列，不偏列）

編輯：您只能使用當你正在處理只有1臺我所描述的方法。要對齊2個表，將它們都包裝在父元素（DIV）中，然後將這兩個表的寬度設置爲100％。然後，您可以控制div的寬度，這會使表格內部使用所有可用空間。然後問題就變成了，你必須確保桌子以相同的方式填滿空間，這更容易，因爲它更受控制。

來源

2010-01-15 16:46:58 cdeszaq

您可以混合使用％和PX，但是你必須要考慮的％相對於父。如果該表是500像素，然後50％將是250像素，等等

如果表中有沒有指定的寬度，然後它會自動調整到內容寬度。如果你要混合，這是沒有意義的，所以你至少應該指定一個表格寬度。

來源

2010-01-15 16:46:18

你可以 ... 但是，你會期望這樣做嗎？大多數情況下，您的桌子會有額外的空間或沒有足夠的空間，並且無法兌現一個或多個您要求的寬度。發表柱寬度不明......

來源

2010-01-15 16:47:19 Hackles

-1

你可以使用樣式屬性添加width：

td style="width:120px"

來源

2012-04-26 10:24:51 srinivas

你可以混合％和px來對齊表嗎？

回答

相關問題