将我的文本限制为三行宽度不一的行

时间:2014-03-01 10:04:43

标签: html css

是否有解决办法将p的内容修改为三行。

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

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

当前文本应占用3行,如果文本更改,则只应更改宽度,内容应调整为3行。

提前致谢。

P.S:

请参阅以下Fiddle

这里的内容以3行结束,现在如果我将一些内容添加到p标签,它将转到第四行,改变高度并修复宽度......现在我想完全反转它..扫管笏永远我应该固定高度,宽度应该不同。

1 个答案:

答案 0 :(得分:0)

<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>