操作フロー
【使用方法】
1) 使用タグをコピーします。
2) 文中の「●●」部分を適宜変更してください。
実際にHTML上でどのように入れているかは、「表示」項目のタグで確認してください。
3) CSSに関しては、CSSに追記後、それぞれCSS名などで追加テーマを作成しておきます。
サイト設定で該当するCSSを「サイト管理」⇒「追加テーマ」で設定して試してみてください。
タグ・CSSいろいろサンプルDB
タイトル
横2列になるリスト表示
- ああああああああああ
- いいいいいいいいいい
- うううううううううう
- ええええええええええ
- おおおおおおおおおお
<ol style="column-count: 2;">
<li>ああああああああああ</li>
<li>いいいいいいいいいい</li>
<li>うううううううううう</li>
<li>ええええええええええ</li>
<li>おおおおおおおおおお</li>
</ol>
<li>ああああああああああ</li>
<li>いいいいいいいいいい</li>
<li>うううううううううう</li>
<li>ええええええええええ</li>
<li>おおおおおおおおおお</li>
</ol>
使用箇所/プラグイン
その他
その他の使用箇所
ウィジウィグ
キーワード
ウィジウィグ リスト表示
カテゴリ
CSS, スタイル
その他連絡事項
既存リストも、「column-count」を指定すればそうなるよ。
2以外も指定できるよ。