2011-10-16 48 views
1
<nav> 
<div id="navbox" style="display: box; box-orient: horizontal;"> 
<img src="../gfx/lg_logo.png"></img> 
    <div>tagline</div> 
    </div> 
</nav> 

在Chrome的檢查器中,div「navbox」的flexbox屬性與其旁邊的黃色警告圖標劃掉。不幸的是,谷歌沒有任何形式的黃色圖標工具提示或解釋,所以我仍然猜測爲什麼它拒絕我的顯示:框屬性。這裏有什麼問題?Webkit中的CSS3 Flexbox失敗(Chrome和Safari)

回答

3

嘗試添加供應商前綴。

<nav> 
<div id="navbox" style="display: -webkit-box; -webkit-box-orient: horizontal;"> 
<img src="../gfx/lg_logo.png" /> 
    <div>tagline</div> 
    </div> 
</nav> 

順便說一句,img元素沒有結束標記。

+0

這有效,爲什麼Webkit不接受WC3標準標記? – zakdances

+2

@yourfriendzak規範可能會在將來發生變化,或者實現可能有問題或者不完整。這是通常的做法,如何不打破兼容性,還提供了初步的實現,以便Web開發人員可以測試它。請注意,其他瀏覽器的行爲類似 - Firefox需要'-moz-'前綴,IE10需要'-ms-'。 – duri

相關問題