画像の縦方向の位置を調整するには
Section 3 画像の配置
画像とテキストを横に並べて配置したときに、テキストを上下方向のどこに配置できるか設定するには、[画像のプロパティ]ダイアログボックスで行えます。
画像の配置を上下中央にする
- 挿入された画像をダブルクリックします。
- [画像のプロパティ]ダイアログボックスが表示されたら[外観]タブをクリックします。
- [レイアウト]の[配置]ボックスの▼をクリックして、一覧から[中央(縦)]を選択して、[OK]ボタンをクリックします。
- 画像の上下中央にテキストが配置されました。
画像の配置方法
以下のオプションを設定することで、テキストに対しての画像の配置方法を調整できます。
画像の縦方向の配置方法は、vertical-align プロパティが使用されます。
オプション | 説明 | vertical-align |
---|---|---|
標準 | ベースラインに沿って配置 | |
ベースライン | ベースラインに沿って配置 (すでにスタイルで他の配置方法が設定されているときにベースラインに戻したいときに使用) | baseline |
下付き | テキストのやや下に配置 | sub |
上付き | テキストのやや上に配置 | super |
上 | 上のラインに沿って配置 | top |
テキスト上部 | テキストの上部に配置 | text-top |
中央(縦) | テキストの上下中央に配置 | middle |
下 | 下のラインに沿って配置 | bottom |
テキスト下部 | テキストの下部に沿って配置 | text-bottom |
INDEX
問題は解決しましたか?
操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!