當Webkit的(野生動物園,鉻)遇到一個內聯塊,其中...的Webkit忽略垂直對齊線含有盒
- 的
line-height
高度被指定 - 內容呈現爲直列塊使用多個線盒
...內嵌塊元素忽略指定的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很欣賞它。
在IE8中,還有另外一個錯誤:它沒有包裝內容,所以長線向右滲出。 – awe 2010-05-21 08:27:04
這是一個該死的恥辱,這個問題沒有得到更多的關注,這也是我也在苦苦掙扎的問題。 – 2010-06-06 22:56:07