2

私はいくつかのテキストを持っています、そして、columnizerはそれを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; }

列ルール関数に似た行を列の間に表示するにはどうすればよいですか？

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 に答える