爲什麼我不能將CSS3列應用於此文本？

我試圖讓我的文本在我的不倒翁博客上有兩列。我做了一個類：爲什麼我不能將CSS3列應用於此文本？

<style> 
.2col 
{ 

    width: 800px; 
    margin: 0 auto; 
    -moz-column-count: 2; 
    -moz-column-gap: 20px; 
    -webkit-column-count: 2; 
    -webkit-column-gap: 20px; 
    text-align: justify; 
    height: 300px; 
} 
</style>

該作品在一個小的測試我做：

<div class="2col"> 
    Bunch of text 
</div>

你可以看到它

但是當我嘗試在我的博客上應用此只是文字，它不起作用。如果我將它應用於整個博客，它就可以工作，但我只想將其應用於某些文本部分。在tumblr，我使用：

<div class="2col"> 
    {Body} 
</div>

但是它不會更改文本，你看here我的博客（該Lorem存有文本）的主頁上。 {Body}部分似乎沒有任何應該引起問題的東西（你可以看到頁面源代碼中的CSS和文本，我覺得我缺少對CSS類的基本理解，因爲我沒有甚至成功地嘗試添加一些簡單的文字，如下劃線，我希望有人能指出我正確的方向

作爲參考，我張貼了一個圖像到我的博客，我正在努力，但

來源

2013-03-14 johnwalkr

因爲所有的CSS列標籤都是瀏覽器前綴，例如。 '-moz-column ...'和'-wekkit-column ...'。你要離開歌劇了。你也許只想添加'column -...';） – Neograph734 2013-03-14 09:56:28

我已經添加到'.2col div p：column-count：2;'，它在你的博客上工作得很好。 – 2013-03-14 10:07:58

似乎它是相當依賴解釋器。我通過將它重命名爲「a2col」來修復它（在safari上）。現在它爲我工作，我會讓它更像預期的那樣普遍。至於IE <10，它不夠優雅，我不在乎。 – johnwalkr 2013-03-14 10:17:50

嘗試重命名你的類 - 在大多數語言和命名約定中，你不應該以一個整數開始，相當肯定這也適用於CSS - 這很可能是口譯員明顯忽略了它。

來源

2013-03-14 09:49:33 Emissary

我認爲這可能修復了它！奇怪，它在簡單的情況下工作，但在實際的博客被忽略，但哦。 – johnwalkr 2013-03-14 10:16:37

@johnwalkr問題是任何人猜測的結果 - 不同的瀏覽器和供應商會以他們自己的方式處理事件，這就是爲什麼你不能依賴它們 - 最好遵守約定。你的測試用例可能沒有包含相同的（或任何）'doctype'？這也可能決定事件。很高興你有它排序雖然:) – Emissary 2013-03-14 10:21:29

爲什麼我不能將CSS3列應用於此文本？

回答

相關問題