html - 将我的文本限制为宽度不同的三行

Question

有没有办法将我的 p 的内容固定为三行。

<div><p>Lorem ispum Lorem ispum Lorem ispum</p></div>

div{
  height:300px;
  width:auto;
  font-size:40px;
}

当前文本占3行，如果文本发生变化，只改变宽度，调整内容3行。

提前致谢。

附言:

请看下面Fiddle

这里的内容分为 3 行，现在如果我向 p 标签添加一些内容，它会转到第四行，更改高度并固定宽度......现在我想要完全相反......wat ever i dow 的高度应该是固定的，宽度应该是变化的。

Answer 1

<div><p>Lorem ispum Lorem ispum Lorem ispum</p></div>

<style>

div {
    font-size: 40px;
    height: 300px;
    width: 300px;
}
</style>

你可以走的其他路

<div><p>Lorem ispum <br/> Lorem  ispum <br/> Lorem ispum <br/> </p></div>

第三种方式是

<div><p>Lorem ispum Lorem ispum Lorem ispum</p></div>

<style>

div {
    font-size: 40px;
    height: 300px;
    display:table-caption
}
</style>