GitHub の README.md ファイルで画像を中央に配置するにはどうすればいいですか? 質問する

GitHub の README.md ファイルで画像を中央に配置するにはどうすればいいですか? 質問する

しばらくの間、GitHub で使用されている Markdown 構文を調べてきましたが、README.mdページの幅に合わせて画像のサイズを変更する以外に、画像を中央に配置する方法がわかりません。

これは可能ですか?もし可能であれば、どうすればいいですか?

ベストアンサー1

これは GitHub のサポートからのものです:

Markdownでは配置を直接調整することはできません(こちらのドキュメントを参照してください:http://daringfireball.net/projects/markdown/syntax#img) を使用することもできますが、生の HTML 'img' タグを使用して、インライン CSS で配置を行うこともできます。

つまり、画像を整列させることは可能です!問題を解決するには、インラインCSSを使用するだけです。私の例を参考にしてください。GitHub リポジトリREADME.md の下部に中央揃えの画像があります。簡単にするには、次のようにします。

<p align="center">
  <img src="http://some_place.com/image.png" />
</p>

しかし、nulltokenは言った、それは Markdown の哲学に反することになります。


このコードは私のREADMEファイル:

<p align="center">
  <img src="https://github.com/waldyr/Sublime-Installer/blob/master/sublime_text.png?raw=true" alt="Sublime's custom image"/>
</p>

GitHub で表示すると中央に表示される点を除いて、次の画像出力が生成されます。

Sublimeのカスタムイメージ

おすすめ記事