MULTICOL

ダウンロード/設置方法：

jQueryをDL : jquery.js muticol.jsをDL : multicol.min.js

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/multicol.min.js"></script>

jQuery Pluginなので、jQuery Selectorsで指定した要素を段組みにすることができます。

$(document).ready(function(){
	$("selector").multicol({colNum: 3, colMargin: 20});
});

colNum (必須) 分割するカラム数を指定します colMargin 分割したカラムとカラムのマージンをピクセル数で指定します (default: 10)

文字が途中で切れてしまっている場合は、line-heightと段落や見出しのmarginの関係が等倍でないことが原因です。これはレイアウトの性質上こうなってしまいます。

またelasticレイアウトではうまく動かない可能性があります。フォントはピクセル指定で制御してください。

selector { line-height: 18px; }
selector p, selector h2, selector h3, selector h4, selector h5, selector h6 {
	margin-bottom: 18px;
}

GNU General Public Licenseに基づき改変、再配布などは自由に行ってくだささい。

やりたいこと、やろうとしていることのリストです。