歇文本三行溢出

比方说，我有这样的文字：歇文本三行溢出

“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

歇文本三行溢出

回答

相关问题