html - html中溢出时如何在文本中添加三个点？

Question

<分区>

Answer 1

添加所有这些。 单线制作。

{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100px; /* some width */
}

在你实际要求的多行中做。

#content {
    overflow: hidden;
    width:100px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

工作 fiddle : https://jsfiddle.net/mishrarajesh/676jc7sa/

请注意，此多行代码目前仅在 web-kit 浏览器中受支持。