将文本分成三行并溢出

Question

假设我有这段文字：

"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa"

我想像这样以指定的宽度和行数(3)显示它：

aaaaaaaa
aaaaaaaa
aaaaa...

我怎样才能做到这一点？

Answer 1

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>

Answer 2

Html代码：

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

Css代码：

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

Jsfiddle：-

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

将文本分成三行并溢出

Break text into three lines with overflow

html

css

overflow