画像の左配置
発行: 2025.12.18
/

画像を左寄せにすると、テキストの表示がおかしくなる件。
画像を左配置指定をすると、floatが指定され要素が浮くためレイアウトが崩れた。
画像を左寄せの場合の調整をおこなう。
【方法1】 「clearfix」を追記
高度な設定に、class名「clearfix」を追記し、テキストの回り込みの解除をする。
↓.clearfixの中身↓(cssに設定済みなので、class名を追記するだけでOKです)
.clearfix:after {
content: "";
display: block;
clear: both;
}
画像を選択し右側のブロックパネルの高度な設定の追加CSSクラスに「clearfix」を設定する。

【方法2】 グループ化で位置を調整する
① グループ化
画像を選択し上部に表示されるメニューから、「グループ」を選択しグループ化をします。

② サイドメニューで位置を調整
グループ化した要素を選択し、上部に表示されるメニュをクリック。
右側(サイドメニュー)のブロックパネルで位置を調整します。


*上部に表示されるメニュのマークについて
ブロックのレイアウトのマークが表示されますので、
通常ですと上記のような、□が2つ重なっているマークが表示されると思います。

