ヘルプセンター
background
文書配付

書類テンプレートに配置した画像のレイアウトを調整する

対象:
有料オプション

HTMLタグ表示モードで編集する

書類テンプレートに挿入した画像は、左揃えで配置されます

この配置を変えるには、HTML表示モードで編集する必要があります。

preview.png画像を表示する

レイアウト画面で挿入した画像をクリックした時に表示されるツールバーの配置ボタンをクリックすると、レイアウト画面上での配置が変わりますが、プレビューで確認をすると配置の変更は適用されていません。

layout.png画像を表示する

1. ツールバーの [</>] アイコンをクリックして、HTMLタグ表示に切り替える

書類テンプレートをHTMLで編集するために、レイアウト画面を[HTMLタグ表示]に切り替えます。

ツールバーにある[HTMLタグ表示]アイコンをクリックしてください。

image1.png画像を表示する

クリックすると、レイアウト画面がHTMLタグ表示に切り替わります。

2. imgタグのスタイル部分(style="        ")に記述を書き加える

HTMLタグ表示モードに切り替え、<img>タグのstyleに配置に関する記述を加えます。

画像のサイズ変更をしている場合は、widthのスタイルが追記されているので、上書きしないように注意してください。

mceclip1.png画像を表示する

右揃えにしたい場合:style="display: block; margin: auto; margin-right: 0;"

<img>タグのstyleに、"display: block; margin: auto; margin-right: 0;" を追記してください。

style="width: 50px;" (数字は設定によって変わります)という記述は画像サイズを指定するものなので、削除しないでください。

widthの記述があった場合には、

style="width: 50px; display: block; margin: auto; margin-right:0;"

のように、並べて記述しておいてください。

style_tag.png画像を表示する mceclip2.png画像を表示する

中央揃えにしたい場合:style="display: block; margin: auto;"

<img>タグのstyleに、"display: block; margin: auto; margin-right: 0;" を追記してください。

style="width: 50px;" (数字は設定によって変わります)という記述は画像サイズを指定するものなので、削除しないでください。

widthの記述があった場合には、

style="width: 50px; display: block; margin: auto;"

のように、並べて記述しておいてください。

3. テキスト表示に切り替え、[更新]をクリック

ツールバーにある[HTMLタグ表示]アイコンをクリックしてテキスト表示に切り替えた後、書類テンプレート作成・編集画面の下部にある[更新] をクリックすると、変更が適用されます。

comfirm.png画像を表示する