プラグイン使用例/style/テーブルの回り込み

splitプラグインのように2分割する3分割する2列リスト3列リスト縦に長いテーブルを分割


パラメータ説明
style=***<div style="***">を出力します。
class=***<div class="***">を出力します。
end</div>を出力します。(忘れるとデザインが崩れますのでご注意下さい)
#style(パラメータ){{
 div要素で囲む内容
}}
#style(パラメータ)
 div要素で囲む内容
#style(end)

使用例

CSSは標準設定していますので、以下のコードはコピペして使用できます。

// <div class="floatleft">
#style(class=floatleft){{

|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

}}
// </div>

// <div class="floatleft">
#style(class=floatleft){{

|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

}}
// </div>

// <div class="floatleft">
#style(class=floatleft){{

|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

}}
// </div>

// 回り込み解除
#clear

ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル
ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル
ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル

styleプラグインを使用しない場合

|floatleft|||s
|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

|floatleft|||s
|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

|floatleft|||s
|~ヘッダ|~ヘッダ|~ヘッダ|h
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||
|セル|||

// 回り込み解除
#clear

ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル
ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル
ヘッダヘッダヘッダ
セル
セル
セル
セル
セル
セル
セル
セル