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