TD的寬度與合併單元格不工作（鉻）

下面的代碼不會呈現頂行正確Chrome瀏覽器（IE8渲染好吧，我沒有在其他瀏覽器測試）TD的寬度與合併單元格不工作（鉻）

<head> 
</head> 
<body> 
<table width="100%" border="1"> 
    <tr> 
      <td width="15%">a</td> 
      <td width="70%">b</td> 
      <td width="15%">c 
        <table border=1> 
        <tr> 
          <td valign="top">Subtotal:</td> 
          <td valign="top">$2,464.34</td> 
        </tr> 
        </table> 
      </td> 
    </tr> 
    <tr> 
      <td colspan="3"> 
        <input type="text" style="width:500px;" /> 
      </td> 
    </tr> 
    </table> 
</body>

看來INPUT控件中的固定寬度導致問題。如果我改變了80％的500像素，它神奇地正常工作。或者如果我拿出「c」列中的內部表格，它也可以工作。

爲什麼看起來colspan = 3被忽略？任何想法？

來源

2011-10-18 tono

http://jsfiddle.net/CoryDanielson/nHz7V/我沒有在Chrome中的問題，但我在IE –

你猜怎麼着！ :)愚蠢的調查後（3小時工作）我發現，由於某種原因顯示：表格單元格被覆蓋在鉻。所以只是廣告表格單元格顯示，所有將是很好的:)。

編輯答案--------- 所以在檢查之後好像有些重置樣式表會在TD上顯示：block。所以如果它發生，你可以刪除該樣式表，編輯或覆蓋它。

來源

2017-02-05 10:14:15

應該是一個評論，雖然你沒有太多rerputation。嘗試發佈詳盡的解釋性答案。 –

噢，第一次:)感謝您的注意。 –

哇，很好找..這很瘋狂。這似乎是Chrome中的一個錯誤。在這種特殊情況下，如果第三列（c）超出了寬度的15%，並且從中間列（b）的寬度中消失，則第三列（c）似乎佔用了輸入控件的寬度。嘗試將<input標記增加到700px，然後觀察c列變寬。

一種鉻解決辦法可能是隻使用%爲您的寬度的單位爲輸入控制

來源

2011-10-18 21:12:03

TD的寬度與合併單元格不工作（鉻）

回答

相關問題