在文本溢出之前存储文本:省略号?

时间:2018-08-28 12:34:49

标签: css string text overflow ellipsis

我有一个容器,该容器的高度受到限制,并且p标记的内部内容具有较长的内容,因此使用文本省略号和溢出。如何获得省略号之前显示的最后一个句子/单词或整个文本?

.grid-container > div > p {
    text-align: left;
    margin: 10px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: block; /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 700px;  
    max-height: 360px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis-word;
} 

1 个答案:

答案 0 :(得分:0)

只是找到了一个类似的问题,问了同样的问题,但没有省略部分。这不是完全正确的答案,但已经足够接近了:How to find the last visible word position in a text container?