超出展示省略号

# 单行超出显示省略号

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

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

p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

1
2
3
4
5

// 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;
}

1
2
3
4
5
6

// Make sure to add code blocks to your code group

上次更新: 2021-07-09 15:55:27

← 展示小于12px文字按钮进度条→