是否可以顯示點'...'，而不是讓文本在div結束後繼續？

Question

這是例子：

<style> 
    div { 
     background-color: skyblue; 
     height: 100px; 
    } 

    .posttext { 
     word-wrap: break-word; 
     -ms-hyphenate-limit-lines: 10; 
     text-overflow: ellipsis; 
    } 
</style> 
<div> 
    <p class="posttext">---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8---------9---------0---------1---------2---------3---------4---------5---------6---------7---------8--------</p> 
</div> 

當你降低你的瀏覽器足夠的寬度，文本將繼續下的藍色div顯現。我找到了一種方法來使用'text-overflow: ellipsis'來停止它，但它停在第一行。 是否有可能讓它繼續，直到它達到div的高度，然後在最後顯示三個點而不是繼續下面的點？

Answer 1

當您希望在單行結尾處顯示省略號時，下面的屬性非常有用。

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

既然你正在尋找多線省略號（這是不是在CSS直接使用），我想下面的鏈接可以幫助您：
https://codepen.io/martinwolf/pen/qlFdp

還有一個jQuery插件，可它可以使用：
https://tpgblog.com/threedots/