STUDIOでは、複数の要素を包括する親ボックスを追加することを「グループ化」と呼びます。グループ化で追加された親ボックスは、<div><group>という名前になり、通常のボックスと同じように編集することができます。

右クリックメニューの「グループ化」もしくはショートカットキー⌘ + Gで、選択している要素をグループ化します。

  1. 複数のボックスを選択

  2. グループ化を実行し、グループ化されたことを確認

グループ化を実行し、グループ化されたことを確認

また、グループ解除したい場合/子ボックスを残して親ボックスのみ削除したい場合は、親ボックスを選択した状態で⌘ + Shift + Gを押します。

グループ化活用法

  1. imgモードボックスにリンクを設定する
    STUDIOではimgモードボックスに対してリンクの設定ができません。このようなボックスにリンクを設定したい場合、グループ化して親ボックスを追加します。追加された親ボックスにリンクを設定できます。

  2. 方向・整列・配分を設定する
    複数のボックスをグループ化して親ボックスに対して方向・整列・配分を設定することができます。

関連記事

group ungroup

回答が見つかりましたか?