2

我有一些文本，分栏器将其分类为 3 列。

<div id="press">
  <div class="wide">
  Placeholder=
</div>

分栏器脚本是这样的

$(function(){
  $('.dp-highlighter').addClass("dontsplit");
  $('li').addClass("dontsplit");
  $('.wide').columnize({width:250});
  $('.thin').columnize({width:200});
});

我的 CSS 是这样的；

.column p, .column h1{ padding: 15px; }
#press {
  text-align: justify;
  margin: 0px 100px; 
  width: 80%;
  color: white;
  font-family: courier, Times New, serif;
}
.wide, .thin { clear:both; }

如何在与 column-rule 函数类似的列之间显示一条线？

4

2 回答 2

4

<div> 直接在应该列的块内创建一个附加：

<div class="wide">
    <div>
        Here goes your text
    </div>
<div>

并将规则作为 CSS 边框添加到此<div>：

.column div {
     border-left: 1px solid black;
 }

直接添加边框.column不起作用，但在大多数情况下可以防止文本被分栏。

于 2012-10-16T08:11:24.387 回答
1

您可以尝试在左侧或右侧使用边框：

.column{
    border-left: 1px solid #000;
}
于 2012-09-14T10:55:40.473 回答