1. 字体排版
  2. font-style

字体排版

font-style

用于控制文本样式的工具类。

类名样式
italic
font-style: italic;
not-italic
font-style: normal;

示例

将文本斜体化

使用 italic 工具类使文本斜体

The quick brown fox jumps over the lazy dog.

<p class="italic ...">The quick brown fox ...</p>

正常显示文本

使用 not-italic 工具类正常显示文本

The quick brown fox jumps over the lazy dog.

<p class="not-italic ...">The quick brown fox ...</p>

响应式设计

前缀a font-style 工具类 带有像 md: 这样的断点变体,以便仅在以下情况下应用该工具类中等 屏幕尺寸及以上

<p class="italic md:not-italic ...">  <!-- ... --></p>

变体文档中了解更多关于使用变体的信息。

版权所有 © 2025 Tailwind Labs Inc.·商标政策