歇文本三行溢出

比方說，我有這樣的文字：歇文本三行溢出

「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa」

而且我想用指定的寬度和行數來顯示它（3）那樣：

aaaaaaaa 
aaaaaaaa 
aaaaa...

我該如何做到這一點？

來源

2016-09-20 Krzysztof Majewski

可能重複[使用CSS，使用「...」溢出的多行塊]（http://stackoverflow.com/questions/6222616/with-css-use-for-overflowed-block-of-多行） –

我會在這裏使用js。 –

HTML代碼：

<div class="parent"> 
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabdbdbdfbdbdbdfbdbdsb 
</div>

CSS代碼：

.parent{width:100px;word-break:break-all;}

的jsfiddle： -

https://jsfiddle.net/Dhavalr/apzy68vp/1/

來源

2016-09-20 07:02:16

我怎樣才能限制這3行？ - –

然後你可以使用js來限制一些字符，然後省略。有webkit屬性在chrome中只顯示3行 display：-webkit-box; -webkit-line-clamp：3; -webkit-box-orient：vertical; –

好的。它在鉻上運行fina。是否有其他瀏覽器的屬性？ –

CSS：

<style> 
p.text { 
/* your costume with & height*/ 
    width: 11em; 
    max-height: 3.6em; 
    line-height: 1.8em; 
    border: 1px solid #000000; 
    word-wrap: break-word; 

} 
</style>

來源

2016-09-20 07:00:01

歇文本三行溢出

回答

相關問題