为什么我不能将CSS3列应用于此文本?

时间:2013-03-14 09:39:37

标签: css3 tumblr column-count

我正试图让我的文字在我的不倒翁博客上有两列。我上了课:

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

你可以看到它here

但是当我尝试在我的博客中将其应用于文本时,它不起作用。如果我将它应用于整个博客,它可以工作,但我只想将它应用于某些文本部分。在tumblr中,我正在使用:

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

然而,它不会更改文本,您在我的博客主页上看到here(lorem ipsum文本)。 {Body}部分似乎没有任何可能导致问题的内容(您可以在页面的源代码中看到CSS和文本。我觉得我缺少对CSS类的一些基本理解,因为我没有甚至成功地尝试在文本中添加简单的内容,例如下划线。我希望有人可以指出我正确的方向。

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

1 个答案:

答案 0 :(得分:1)

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