51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

超出展示省略号

# 单行超出显示省略号 {#单行超出显示省略号}

这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。

<p>这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。这里是一段文字,单行内容超出会展示省略号。</p>

p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
// Make sure to add code blocks to your code group

# 多行超出显示省略号 {#多行超出显示省略号}

这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。

<p>这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。这里是一段文字,内容超出2行会展示省略号。</p>

p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
// Make sure to add code blocks to your code group
赞(0)
未经允许不得转载:工具盒子 » 超出展示省略号