组件

Em

用于标记文本以强调重点。

我们不得不做些什么。
<Text>
We <Em>had</Em> to do something about it.
</Text>

API 参考

此组件基于em 元素,并支持常用边距属性

属性类型默认值
asChild
布尔值
无默认值
truncate
布尔值
无默认值
wrap
响应式<"wrap" | "nowrap" | "pretty" | "balance">
无默认值

示例

截断

使用truncate 属性在文本超出其容器时用省略号截断文本。

排版目标是以一种成比例的方式关联字体大小、行高和行宽,从而最大化美观性,并使阅读更轻松、更愉快。
<Flex maxWidth="300px">
<Em truncate>
The goal of typography is to relate font size, line height, and line width
in a proportional way that maximizes beauty and makes reading easier and
more pleasant.
</Em>
</Flex>
上一页代码
下一页Kbd