text-align - 文字排版 - Tailwind CSS 框架

文字對齊

用於控制文字對齊的實用工具。

類別樣式

text-left

text-align: left;

text-center

text-align: center;

text-right

text-align: right;

text-justify

text-align: justify;

text-start

text-align: start;

text-end

text-align: end;

範例

使用 text-left 實用工具將元素的文字向左對齊

所以我開始走進水裡。我不會對你們說謊，我很害怕。但我堅持下去，當我越過海浪時，一種奇怪的平靜降臨在我身上。我不知道這是神蹟還是所有生物的親緣關係，但我告訴你，傑瑞，那一刻，我是一位海洋生物學家。

<p class="text-left">So I started to walk into the water...</p>

使用 text-right 實用工具將元素的文字向右對齊

<p class="text-right">So I started to walk into the water...</p>

使用 text-center 實用工具將元素的文字置中

<p class="text-center">So I started to walk into the water...</p>

使用 text-justify 實用工具對齊元素的文字

<p class="text-justify">So I started to walk into the water...</p>

前綴a text-align 實用工具帶有像 md: 這樣的斷點變體，只在中螢幕尺寸及以上應用該實用工具

<p class="text-left md:text-center ...">  <!-- ... --></p>

在變體文件中了解有關使用變體的更多資訊。