排版
用于控制元素文本如何溢出的工具类。
| Class | Styles |
|---|---|
truncate | overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; |
text-ellipsis | text-overflow: ellipsis; |
text-clip | text-overflow: clip; |
使用 truncate 工具类来防止文本换行，并在需要时使用省略号 (…) 截断溢出的文本：
在任何主要英语词典中，最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是从吸入非常细的二氧化硅颗粒（特别是来自火山）而感染的肺病；在医学上，它与矽肺病是一样的。
<p class="truncate">在任何主要英语词典中，最长的单词是...</p>使用 text-ellipsis 工具类在需要时用省略号 (…) 截断溢出的文本：
在任何主要英语词典中，最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是从吸入非常细的二氧化硅颗粒（特别是来自火山）而感染的肺病；在医学上，它与矽肺病是一样的。
<p class="overflow-hidden text-ellipsis">在任何主要英语词典中，最长的单词是...</p>使用 text-clip 工具类在内容区域的限制处截断文本：
在任何主要英语词典中，最长的单词是 pneumonoultramicroscopicsilicovolcanoconiosis, 这个词指的是从吸入非常细的二氧化硅颗粒（特别是来自火山）而感染的肺病；在医学上，它与矽肺病是一样的。
<p class="overflow-hidden text-clip">在任何主要英语词典中，最长的单词是...</p>这是默认的浏览器行为。
Prefix a text-overflow utility with a breakpoint variant like md: to only apply the utility at medium screen sizes and above:
<p class="text-ellipsis md:text-clip ..."> <!-- ... --></p>Learn more about using variants in the variants documentation.