column-break-after不支持瀏覽器嗎？

我有HTML標記是這樣的：column-break-after不支持瀏覽器嗎？

<ul> 
    <li> 
    <h2>heading</h2> 
    <img src="path.jpg" /> 
    <p>paragraph here</p> 
    </li> 
    <li> 
    <h2>heading</h2> 
    <img src="path.jpg" /> 
    <p>paragraph here</p> 
    </li> 
.... 
</ul>

而且我使用多列布局參見：

ul{ 
column-count: 3; 
}

但它從任何地方斷列，但我想避免從任何地方斷裂。它應該從li打破標籤只

所以，我試過break-afterhttps://developer.mozilla.org/en-US/docs/Web/CSS/break-after這似乎不支持。我使用的是Firefox 27.1。

我也試過很多使用前綴。

來源

2014-02-28 Bhojendra Nepal

您應該查看- 查看各種HTML5/CSS3功能的瀏覽器支持的真正有用的地方。

上有一個快速搜索顯示了CSS3多列布局的支持 - http://caniuse.com/#search=column%20layout - 它看起來像Firefox有部分支持但你需要使用-moz前綴。

來源

2014-02-28 09:24:57 toomanyredirects

令人驚訝的是，我把display: inline-block給李，那麼它不會破壞後，它只是打破李後，但我不知道爲什麼這是發生工作。並且不需要使用break-after。

來源

2014-02-28 09:46:34

page-break-after及其替代break-after（其中包括page-break-after和column-break-after的功能）現在已經由Internet Explorer 10+和Opera支持多年了。只有Chrome和Firefox在分頁支持方面被徹底打破。甚至Webkit也支持這個概念，自然使用它自己的特殊閃爍的白色語法。

據我所知，作爲column-break-after自己的一個屬性，它只存在爲-webkit-column-break-after，它從來沒有成爲任何CSS標準的一部分。

但是，嘿，Internet Explorer是廢話，對不對？它不支持標準，除非它們與真實世界完全無關，例如印刷業務報告的基本分頁控制。誰願意這樣做？

來源

2015-04-26 12:02:07

column-break-after不支持瀏覽器嗎？

回答

相關問題