我试图让我的文字在我的不倒翁博客上有两列。我做了一个类:
<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>
但是,它不会更改您在我的博客主页上看到的文本( lorem ipsum 文本)。{Body} 部分似乎没有任何会导致问题的东西(您可以在页面的源代码中看到 CSS 和文本。我觉得我缺少对 CSS 类的一些基本了解,因为我还没有甚至成功地尝试在文本中添加一些简单的东西,比如下划线。我希望有人能指出我正确的方向。
作为参考,我在我的博客上发布了一张我正在尝试制作的图片,但我没有足够的声誉在此处添加它。