排版
用于控制文本样式的工具。
¥Basic usage
¥Italicizing text
italic
工具可用于将文本设为斜体。同样,not-italic
工具可用于正常显示文本 - 通常用于在不同断点处重置斜体文本。
¥The italic
utility can be used to make text italic. Likewise, the not-italic
utility can be used to display text normally — typically to reset italic text at different breakpoints.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
<p class="italic ...">The quick brown fox ...</p>
<p class="not-italic ...">The quick brown fox ...</p>
Tailwind 允许你使用变体修饰符在不同状态下有条件地应用工具类。例如,使用hover:not-italic
仅在 hover 时应用 not-italic
工具。
<p class="italic hover:not-italic">
<!-- ... -->
</p>
有关所有可用状态修饰符的完整列表,请查看悬停、聚焦、以及其他状态 文档。
你还可以使用变体修饰符来定位媒体查询,例如响应式断点、暗黑模式、首选减少运动等。例如,使用 md:not-italic
仅在中等屏幕尺寸及以上时应用 not-italic
工具。
<p class="italic md:not-italic">
<!-- ... -->
</p>