/ / Vytváranie pravidiel pre stĺpce v JQuery - jQuery, html, css

Vytváranie pravidiel pre stĺpce v stĺpcovej jQuery - jquery, html, css

Mám nejaký text a stĺpcový stĺpec ho triedi do 3 stĺpcov.

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

skript stĺpcov je taký

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

A môj CSS je taký;

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

Ako získam riadok na zobrazenie medzi stĺpcami, ktorý je podobný funkcii stĺpcového pravidla?

odpovede:

4 pre odpoveď č. 1

Vytvorte ďalšie <div> priamo vo vnútri bloku, ktorý by mal byť stĺpcovitý:

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

a pridajte k tomu pravidlo ako hranicu CSS <div>:

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

Priame pridanie hranice k internetu .column nefunguje, ale vo väčšine prípadov zabraňuje stĺpcovaniu textu.


1 pre odpoveď č. 2

Môžete skúsiť použiť orámovanie na ľavej alebo pravej strane:

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