読者です 読者をやめる 読者になる 読者になる

reveal.jsで画像の中央揃えとサイズ変更をする

htmlで書くしかない。 外部markdownファイルを使っている場合も、htmlに直接書いている場合も以下のように書けば良い。

<div style="text-align:center;">
  <img src="path/to/img.png" style="width:40%;"/>
</div>
  • 外側のsytle="text-align:center;"が中央揃えの設定である。
    • 右揃えにしたければrightにすれば良い
  • imgタグに画像ファイルへのpathとサイズをwidth:40%として書いている