修正：整列

Home>Dreamweaver>操作リファレンス>修正：整列

この情報はお役に立ちましたか？よろしければ皆様にもお知らせください。

  このエントリーをはてなブックマークに追加 mixiチェック  

[修正]->[整列]は、APエレメントの配置を操作します。

修正->整列

APエレメントとは

APエレメントとは、positionプロパティをabsoluteに設定した領域のことです。
APエレメントはドキュメント内に自由に配置することが可能で、APエレメント同士を重ねることもできます。

ただし、positionプロパティをabsoluteに指定すると、ブラウザや環境によってレイアウトがずれる場合があります。

APエレメントの操作

前面に移動

APエレメントが複数配置されているときに、下に配置されているAPエレメントを上に配置しなおします。
たとえば、以下のように3つの階層の異なるAPエレメントが配置されているとします。

APエレメントを3つ配置

そのうちの1つのAPエレメントを選択します。
APエレメントを選択するには、APエレメント内をクリックした後に、枠線に表示される四角いマークをクリックします。

四角いマークをクリックするとAPエレメントを選択する

[修正]->[整列]->[前面に移動]を選択すると、APエレメントが前面に移動します。

APエレメントが前面に表示される

背面に移動

複数配置されたAPエレメントのうち、より前面にあるものを背面に移動します。

APエレメントを選択する

[修正]->[整列]->[背面に移動]を選択すると、APエレメントが背面に移動します。

一番下に配置された

左揃え

選択した複数のAPエレメントの左端の位置を揃えます。

APエレメントを複数個選択するには、Shiftキーを押しながらAPエレメントをクリックします。

複数のAPエレメントを選択した状態

[修正]->[整列]->[左揃え]を選択すると、最初に選択したAPエレメントが、最後に選択したAPエレメントの左端に揃うように移動します。

APエレメントの左端がそろった

右揃え

選択した複数のAPエレメントの右端の位置を揃えます。

[修正]->[整列]->[右揃え]を選択すると、最初に選択したAPエレメントが、最後に選択したAPエレメントの右端に揃うように移動します。

上揃え

選択した複数のAPエレメントの上端の位置を揃えます。

[修正]->[整列]->[上揃え]を選択すると、最初に選択したAPエレメントが、最後に選択したAPエレメントの上端に揃うように移動します。

下揃え

選択した複数のAPエレメントの下端の位置を揃えます。

[修正]->[整列]->[下揃え]を選択すると、最初に選択したAPエレメントが、最後に選択したAPエレメントの下端に揃うように移動します。

幅の統一

選択した複数のAPエレメントの幅を揃えます。

[修正]->[整列]->[幅の統一]を選択すると、選択したすべてのAPエレメントが、最後に選択したAPエレメントの幅に合わせられます。

複数のAPエレメントを選択

最後に選択したAPエレメントに幅が揃えられる

高さの統一

選択した複数のAPエレメントの高さを揃えます。

[修正]->[整列]->[高さの統一]を選択すると、選択したすべてのAPエレメントが、最後に選択したAPエレメントの高さに合わせられます。

複数のAPエレメントを選択

最後に選択したAPエレメントに高さが合わせられる

APエレメントのオーバーラップ防止

[修正]->[整列]->[APエレメントのオーバーラップ防止]を選択すると、APエレメント同士が重なるのを禁止します。

関連リンク

よく読まれている記事

UpDate:2010-6-25