Creazione di regole di colonna in Columnizer jquery - jquery, html, css

Ho del testo e il columnizer lo ordina in 3 colonne.

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

lo script columnizer è così

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

E il mio CSS è così;

.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; }

Come posso visualizzare una linea tra le colonne simile alla funzione della regola di colonna?

risposte:

Crea un ulteriore <div> direttamente all'interno del blocco che dovrebbe essere catalogato:

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

e aggiungi la regola come bordo CSS a questo <div>:

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

Aggiunta diretta del bordo a .column non funziona, ma nella maggior parte dei casi impedisce la colonna del testo.

Potresti provare a usare un bordo sul lato sinistro o destro:

.column{
border-left: 1px solid #000;
}