代码之家  ›  专栏  ›  技术社区  ›  lydiaP

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

  •  2
  • lydiaP  · 技术社区  · 7 年前

    我有一个高度受限的容器,在一个p-tag中有一个很长的内容,因此使用了文本省略号和溢出。如何获取最后一个句子/单词或显示的整个文本 之前 省略号和存储吗?

    .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 回复  |  直到 7 年前
        1
  •  0
  •   lydiaP    6 年前

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

    推荐文章