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

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

<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