CSS3 punctuation-trim 属性

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

语法

punctuation-trim: none | start | end | both;

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

示例

p {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  punctuation-trim: end;
}

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

浏览器支持

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

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