2013-04-08 87 views
0

我有如下表:最近的Chrome更新打破td rowspan?

<table> 
    <tbody> 
     <tr> 
      <td rowspan="2">...</td> 
      <td>...</td> 
     </tr> 
     <tr> 
      <td>...</td> 
     </tr> 
    </tbody> 
</table> 

哪我希望呈現這樣的:

+---------+--------+ 
|   |  | 
|   |  | 
|   +--------+ 
|   |  | 
|   |  | 
+---------+--------+ 

而且它的作用:在以前版本的瀏覽器,IE10,Firefox和其他瀏覽器的 /版本組合我試過了。

鉻(26.0.1410.43米)的最新版本呈現這樣的表:

+---------+--------+ 
|   |  | 
|   |  | 
|   |  | 
|   |  | 
|   |  | 
+---------+--------+ 
      |  | 
      |  | 
      |  | 
      +--------+ 

是我的標記有缺陷的,只有新的Chrome瀏覽器檢測呢?或者這是Chrome或Webkit中的錯誤?我在Chromium bugtracker上搜索了錯誤,但沒有找到解決此問題的任何內容。

+2

你能爲此創建一個jsfiddle.net嗎?可能是樣式表或其他問題。 (後續工作:似乎在[隔離]工作(http://jsfiddle.net/xptLE/)) – 2013-04-08 18:46:40

+0

做了一個小提琴後,看到它的工作,我發現這是我的重置樣式表添加vertical-align:基線;對,一切。我仍然不明白爲什麼它在**每個**瀏覽器都有效,除了新的瀏覽器。 – 2013-04-08 18:54:44

+0

所以,我會說,如果有任何改變,它是鉻處理CSS樣式不同。 ;-)發佈你添加的答案並接受它;這可能是別人遇到的問題,並希望知道原因。 – 2013-04-08 18:56:06

回答

4

小提琴後,我發現它自己的工作。將vertical-align: baseline;添加到我重置CSS中的表格元素導致上述行爲。我仍然想知道它是否存在一個錯誤,因爲它適用於所有其他瀏覽器,包括舊版本的Chrome。

簡短回答:檢查您的樣式表是否適用於表格元素vertical-align: baseline;

+0

要等兩天才能接受你自己的答案=) – 2013-04-09 02:10:43

+0

你現在可以接受你自己的問題(我猜) – Dementic 2015-04-14 07:55:04