Markdown Toolbox Logo Markdown Toolbox
ブログ

Markdownで画像を中央に配置するにはどうすればよいですか?

2023-12-28

Markdownで画像をセンタリングすることは、標準のMarkdown構文では画像を直接整列させる方法が提供されていないため、少し手間がかかります。しかし、Markdown内でHTMLタグを使用することで実現できます。

画像をセンタリングする方法は次のとおりです。

  1. HTMLの<div>タグを使用し、align属性を設定します。
  2. Markdownの画像構文を<div>の中に置きます。
<div align="center">![Alt text](image-url.jpg)</div>

これにより、レンダリングされたMarkdown文書内で画像がセンターに配置されます。この方法はほとんどのMarkdownレンダラーで機能しますが、HTMLとMarkdownの混在が原因で、すべての場所でサポートされているわけではないことに注意してください。