Skip to content

nijitaro/multicol

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MULTICOL

Gitter chat

Example & Documents : http://code.hokypoky.info/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>

EXAMPLE:

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

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

PROPERTY:

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

NOTICE:

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

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

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

DEVELOPERS:

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

  • 開発者用ソース
  • 旧JsDoc (最新版は保留しています)

HISTORY:

  • v1.2 / IE8でのレンダリングを修正, Prototype Javascript Frameworkとのコンフリクト回避
  • v1.1 / Firefox2でのレンダリングを修正
  • v1.0 / 公開

(want) TODO:

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

  • 文字サイズの可変対応 (itsuo様より)
  • CSS3対応ブラウザには、なるべくネイティブの処理を使用
  • CSS3からの指定方法も追加
  • 基準高さの指定を可能にする
  • リポジトリ作成、公開作りました。

About

jQuery Plugins for multicolumn layouts

Resources

Stars

Watchers

Forks

Packages

No packages published