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 ...">
Lorem ipsum dolor sit amet...
</p>

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

Copyright © 2025 Tailwind Labs Inc.·商标政策