カラム
カラム 【j-hgrid】
<div id="cc-m-12263164392" class="n j-hgrid ">
■カラムのクラス名
j-hgrid
<div class="cc-m-hgrid-column" style="width: 30.35%;">
■カラムボックスごとのクラス名
cc-m-hgrid-column
<div id="cc-matrix-3451829692">
<div id="cc-m-12263164592" class="n j-imageSubtitle ">
■入力が写真だった場合 【j-imageSubtitle】
<figure class="cc-imagewrapper cc-m-image-align-1 cc-m-width-maxed">
<img src="url" alt="" class="" />
</figure>
<div class="cc-clear"></div>
<script id="cc-m-reg-12263164592">
// <![CDATA[
window.regModule("module_imageSubtitle", {"data":{"imageExists":true,"hyperlink":"","hyperlink_target":"","hyperlinkAsString":"","pinterest":"0","id":12263164592,"widthEqualsContent":"1","resizeWidth":"261","resizeHeight":196},"id":12263164592});
// ]]>
</script>
</div>
</div>
</div>
<div class="cc-m-hgrid-separator" data-display="cms-only">
■幅調整操作用のセパレーターのクラス名
cc-m-hgrid-separator
※これを削除すると、余白が少し埋まるが操作も出来なくなる。
<div>
</div>
</div>
<div class="cc-m-hgrid-column last" style="width: 67.65%;">
<div id="cc-matrix-3451829792">
<div id="cc-m-12263165092" class="n j-text ">
■データーが文章だった場合 【j-text】
<p>
あああああああああ、<span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ、</span><span style="line-height: 19.6px;">あああああああああ。</span>
</p>
</div>
</div>
</div>
<div class="cc-m-hgrid-overlay" data-display="cms-only"></div>
<br class="cc-clear"/>
<script id="cc-m-reg-12263164392">
// <![CDATA[
window.regModule("module_hgrid", {"columnsCount":2,"minColumns":1,"maxColumns":6,"id":12263164392});
// ]]>
</script>
</div>
.j-hgrid {
padding: 0 !important;
}
.cc-m-hgrid-column {
box-sizing: content-box;
float: left;
min-height: 1px;
padding: 0 2% 0 0;
clear: both;
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
padding: 5px;
}