Markdown 中心影象

Abdul Jabbar 2023年1月30日 2022年4月22日
  1. 在 Markdown 中對齊影象
  2. 在 Markdown 中如何居中對齊
Markdown 中心影象

Markdown 通常被稱為輕量級標記語言,它在文字編輯器應用程式的幫助下將純文字文件的格式元素包括在內。它是由 John Gruber2004 建立的。

這種語言現在已經成為世界上需求量最大的標記語言。我們現在可以找到許多專門用於在 Markdown 中寫作的基於 Web 的應用程式。

Markdown 與 WYSIWYG 編輯器略有不同。正如在用於格式化單詞和短語的 Microsoft Word 中所見,我們單擊按鈕以立即檢視更改。

但是 Markdown 不遵循這一點。在 Markdown 中,當我們開發 Markdown 格式的檔案時,Markdown 語法指定了一些在文字中應該不同的單詞和短語。

本文將討論如何在我們的 Markdown 檔案中居中放置影象。例如,位於開源專案根目錄的 README.md 檔案在瀏覽器上顯示為 HTML。

在 Markdown 中對齊影象

Markdown 有一種非常簡單的方式來編寫內容,而無需使用 WYSIWYG 編輯器進行格式化。

在 Markdown 中編寫文字很快,但是對齊影象呢?

Markdown 影象標籤本身沒有任何對齊屬性,當我們在 Github 上格式化 README.md 檔案時,這非常煩人。

<!-- No alignment options -->
(/myimages/mylogo.png)

幸運的是,有辦法解決這個問題。我們將使用 html 影象標籤來使用 HTML 中的 img 標籤來增強我們的文件。

.mdmarkdown 副檔名,它告訴我們 README.md 是一個降價檔案。該檔案用於建立我們在專案結束時看到的 html 摘要。

<img align="right" width="120" height="120" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">

在 Markdown 中如何居中對齊

Markdown 中的中心對齊有點棘手。如下所示,我們必須將 img 標籤包裝在 p 標籤中。

<p align="center">
  <img width="460" height="300" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">
</p>
Author: Abdul Jabbar
Abdul Jabbar avatar Abdul Jabbar avatar

Abdul is a software engineer with an architect background and a passion for full-stack web development with eight years of professional experience in analysis, design, development, implementation, performance tuning, and implementation of business applications.

LinkedIn