用溢出将文本分成三行

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/