2010-05-18 47 views
11

當Webkit的(野生動物園,鉻)遇到一個內聯塊,其中...的Webkit忽略垂直對齊線含有盒

  1. line-height高度被指定
  2. 內容呈現爲直列塊使用多個線盒

...內嵌塊元素忽略指定的vertical-align

爲了說明問題,我有一個小的測試案例: http://arther.net/lab/webkit-vertical-align-test.html#test


火狐3.6,歌劇10.53和IE7 +治療這些直列塊像內聯元素,和垂直對齊按預期工作。在這種情況下,Webkit瀏覽器(和Opera 10.10)會像塊級元素一樣處理內嵌塊,從而忽略vertical-align。那麼,誰是對的,誰是越野車?

我可以看到這一點無論如何。一方面,您可以說所有內聯元素 - 即使是行內塊 - 都應按照vertical-align的規定,將自己正確定位在包含的行中。另一方面,內聯元素通常定義一個內聯框,並且沒有自己的行框。任何包裝多行盒子的應該是是一個塊級元素。在這種情況下,內嵌塊應視爲塊,因此會忽略vertical-align

鑑於目前的行爲,我估計下面的一個爲真:

  • 這是一個Webkit的錯誤
  • 這是在所有其他渲染引擎中的錯誤
  • 規範是含糊其辭處理這種特殊情況,並採取了不同的方法

如果任何人可以提供一些澄清問題和預期的行爲應該是什麼,我會grea很欣賞它。

+0

在IE8中,還有另外一個錯誤:它沒有包裝內容,所以長線向右滲出。 – awe 2010-05-21 08:27:04

+0

這是一個該死的恥辱,這個問題沒有得到更多的關注,這也是我也在苦苦掙扎的問題。 – 2010-06-06 22:56:07

回答

1

這看起來像一個錯誤,因爲它工作時,該部分只有一行。

Chrome和Safari有一個功能,您可以報告錯誤以幫助他們的開發人員修復它。