p
このページでは、カラムの数の指定の仕方を説明します。

panel
warning
-
カラムの数の指定はl^inline-and-block|ブロック表示$のみに適用されます。


i
block-pic-btn
１カラム、２カラム、||３カラムの画像表示

p
カラムの数を指定するには、

s
テンプレートのCSSファイルをテキストエディタで開いでください。

s
hl^ <<< column width $ を含む行を見つけてください。

code
.%css-ctar% .aiin-btn-item {
	display:inline-block;
	position:relative;
	b^width:$r^100%$;/* hl^<<< column width$ */
}
/code

s
この行の b^width:$ の後に続くパーセンテージが、「画面の幅に対する１カラムの割合」です。b^100%$ と指定した場合、画像は１カラムで表示されます。２カラム、３カラム、４カラム で画像を表示するには、それぞれ b^50%$、b^33.33%$、b^25%$ と指定してください。

p
例として、２カラムを指定します。その場合、以下のように r^50%$ に変更してください。

code
.%css-ctar% .aiin-btn-item {
	display:inline-block;
	position:relative;
	width:r^50%$;/* <<< column width */
}
/code

s
ファイルを保存して完了です。

tpl
std
