为什么可以';我不能将CSS3列应用于此文本吗?

为什么可以';我不能将CSS3列应用于此文本吗?,css,tumblr,column-count,Css,Tumblr,Column Count,我想让我的文字在我的tumbler博客上有两个专栏。我上了一节课: <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

我想让我的文字在我的tumbler博客上有两个专栏。我上了一节课:

<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>

.2col
{
宽度:800px;
保证金:0自动;
-moz列数:2;
-moz柱间距:20px;
-webkit列数:2;
-webkit柱间隙:20px;
文本对齐:对齐;
高度:300px;
}
这在我做的一个小测试中起作用:

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

一串文本
你可以看到

但是,当我试图在我的博客中仅将其应用于文本时,它不起作用。如果我把它应用到整个博客上,它是有效的,但我只想把它应用到一些文本部分。在tumblr中,我使用:

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

{Body}
但是它不会改变我博客主页上的文本(lorem ipsum文本)。{Body}部分似乎没有任何应该引起问题的内容(你可以在页面的源代码中看到CSS和文本。我觉得我缺少了一些关于CSS类的基本理解,因为我甚至没有成功地尝试在文本中添加一些简单的东西,比如下划线。我希望有人能给我指出正确的方向


作为参考,我在我的博客上发布了一张我正在尝试制作的图片,但我没有足够的声誉在这里添加它。

尝试重命名你的类-在大多数语言和命名约定中,你不应该以整数开头。相当肯定这也适用于CSS-很可能解释器完全忽略了它。

尝试重命名您的类-在大多数语言和命名约定中,您不应该以整数开头。这同样适用于CSS-解释器很可能会忽略它。

因为您所有的CSS列标记都是以浏览器为前缀的,例如
-moz column…
-wekkit column…
。您已经学会了正在退出Opera。您可能还想添加
列-…
;)我已经添加到
.2col div p:column count:2;
,它在您的博客上运行得很好。似乎它相当依赖于解释器。我(在safari上)通过将其重命名为“a2col”对其进行了修复。现在它对我起作用了,我会像预期的那样使它更通用。至于IES,因为您所有的css列标记都是浏览器前缀,例如
-moz column…
-wekkit column…
。您将Opera排除在外。您可能只需要添加
column-…
)我已经添加到
.2col div p:列计数:2而且它在你的博客上运行得很好。看起来它相当依赖于解释器。我(在safari上)将其重命名为“a2col”,从而修复了它。现在它为我工作了,我会像预期的那样使它更具普遍性。至于IEI,我想这可能已经解决了!奇怪的是,它在简单的情况下工作,但在实际的博客上被忽略了,但哦,好吧。@johnwalkr由于偏离标准而出现的问题是任何人的猜测-不同的浏览器和供应商将以自己的方式处理这种情况,这就是为什么你不能依赖它们-最好遵守惯例。您的测试用例可能没有包含相同(或任何)
doctype
?这也可能决定事件。很高兴你把它整理好了:)我想这可能已经把它修好了!奇怪的是,它在简单的情况下工作,但在实际的博客上被忽略了,但哦,好吧。@johnwalkr由于偏离标准而出现的问题是任何人的猜测-不同的浏览器和供应商将以自己的方式处理这种情况,这就是为什么你不能依赖它们-最好遵守惯例。您的测试用例可能没有包含相同(或任何)
doctype
?这也可能决定事件。很高兴你把它整理好了:)