1

目标<div>：我想以定义的宽度显示最多 3 行长文本字段。

当前有缺陷的方法：

<style>
  div{ 
    width:50%;
    height:100px;
    padding:10px;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
  }
</style>


<div>
  <%= @company.description %>
</div>

问题：如果没有与任意 100px+20px 高度完美对齐，则上述内容会切断底线。所以，我经常会在水平方向中途截断一行文字。如何改为显示最多 3行整行文本而不是将其截断？

4

1 回答 1

1

用em，不px为height。所以像3em或3.12em让它恰到好处（也适合填充）。

于 2011-05-11T00:40:43.323 回答