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ď č. 1Vytvorte ď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;
}