カラム | 基本機能

カラム

コンテンツを横並びに配置する時に使います。
表示画角が狭くなると、横並びは解除され、縦に並びます。(左が上)

カラムのセルは最大で6列まで作成可能です。

カラムの中にカラムは配置できません。

機能で設定できる項目

1〜6列まで増やすことができます。

カラムに内包した内容ごと複製できるので、フォーマット作成などにも便利です。

  • カラムの数
  • カラムの幅

  1. <div id="cc-m-xxxxxxxxxx" class="j-module n j-hgrid ">
  2.   <div class="cc-m-hgrid-column mov-main-area" style="width: xx%;">
  3.     <div id="cc-matrix-xxxxxxxx"></div>
  4.   </div>
  5.   <div class="cc-m-hgrid-separator" data-display="cms-only">
  6.     <div></div>
  7.   </div>
  8.   <div class="cc-m-hgrid-column" style="width: xx%;">
  9.     <div id="cc-matrix-xxxxxxx"></div>
  10.   </div>
  11.   <div class="cc-m-hgrid-separator" data-display="cms-only">
  12.     <div></div>
  13.   </div>
  14.   <div class="cc-m-hgrid-column last mov-sub-area" style="width: xx%;">
  15.     <div id="cc-matrix-xxxxxxx"></div>
  16.   </div>
  17.   <div class="cc-m-hgrid-overlay" data-display="cms-only"></div> <br class="cc-clear"> </div>

▼3カラム(均等分割)

カラム 

カラム

カラム