CSS 参考手册 目录

CSS3 punctuation-trim 属性

CSS 属性:punctuation-trim

punctuation-trim 属性用于控制文本中标点符号的处理方式。当文本内容过长时,标点符号通常会被截断到下一行,这可能会影响文本的可读性。通过使用 punctuation-trim 属性,可以指定标点符号的处理方式,使文本的排版更加美观。

语法

----------------- ---- - ----- - --- - -----
  • none:表示不进行标点符号修剪。
  • start:表示在行尾修剪标点符号。
  • end:表示在行首修剪标点符号。
  • both:表示在行首和行尾修剪标点符号。

示例

- -
  ------ ------
  ------------ -------
  --------- -------
  -------------- ---------
  ----------------- ----
-

在上面的示例中,当 <p> 元素中的文本内容超出宽度时,行尾的标点符号会被修剪,而文本内容则会以省略号结束。

浏览器支持

punctuation-trim 属性目前还处于实验阶段,仅部分浏览器支持。建议在使用时进行兼容性测试。

以上就是关于 punctuation-trim 属性的介绍,通过合理运用这一属性,可以提升文本排版的效果。


上一篇:CSS 属性 position
下一篇:CSS 属性 quotes