www.wanichan.com

画像の縦方向の位置を調整するには

Section 3 画像の配置
  • このエントリーをはてなブックマークに追加
画像とテキストを横に並べて配置したときに、テキストを上下方向のどこに配置できるか設定するには、[画像のプロパティ]ダイアログボックスで行えます。

画像の配置を上下中央にする

  1. 挿入された画像をダブルクリックします。
  2. [画像のプロパティ]ダイアログボックスが表示されたら[外観]タブをクリックします。
  3. [レイアウト]の[配置]ボックスの▼をクリックして、一覧から[中央(縦)]を選択して、[OK]ボタンをクリックします。
  4. 画像の上下中央にテキストが配置されました。

画像の配置方法

以下のオプションを設定することで、テキストに対しての画像の配置方法を調整できます。
画像の縦方向の配置方法は、vertical-align プロパティが使用されます。

オプション説明vertical-align
標準ベースラインに沿って配置
ベースラインベースラインに沿って配置
(すでにスタイルで他の配置方法が設定されているときにベースラインに戻したいときに使用)
baseline
下付きテキストのやや下に配置
sub
上付きテキストのやや上に配置
super
上のラインに沿って配置
top
テキスト上部テキストの上部に配置
text-top
中央(縦)テキストの上下中央に配置
middle
下のラインに沿って配置
bottom
テキスト下部テキストの下部に沿って配置
text-bottom
スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ