使用CSS剪切文本里面的div

有沒有辦法使用CSS剪切div內的文本是這樣的？使用CSS剪切文本里面的div

Hello World！你好，世界！
Hello World！你好單梯

我的意思在這裏是2行文字，然後在年底而不是一條線，然後點圓點

像這樣 https://jsfiddle.net/cf8q6o3n/ 在這個環節我有代碼，但它是1行文字，然後點。我需要它2行文字，然後點。

這裏是我的代碼：

HTML：

<div class="div1"> 
Hello World. Hello World. Hello World. 
</div>

CSS

.div1 {width:90px;border:1px solid #000;white-space:nowrap;overflow:hidden !important;text-overflow:ellipsis;}

來源

2017-07-28 student...

[限於文本長度的可能的複製到使用CSS的n行]（https：// st ackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css） – showdev

另請參閱[將省略號應用於多行文本]（https://stackoverflow.com/questions/33058004/applying- an-ellipsis-to-multiline-text） – showdev

如下更改CSS：

.div1 { 
    width:90px; 
    border:1px solid; 
    overflow: hidden; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical; 
}

來源

2017-07-28 19:36:47

完整的解釋對本書和將來的讀者會有所幫助。 – showdev

謝謝。有效。 –

使用CSS剪切文本里面的div

回答

相關問題