html中的文本溢出处理

如果在一个div中，有一个p标签包含一段文字，有时会需要将文字只显示两行，多余的部分不显示，或显示成省略号...
如果只显示一行，div宽度固定，可以为p设置css样式：

p{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

也可以不写 white-space:nowrap; 但是要用标签包住文本，强制禁止换行。
如果要显示两行或以上，其余部分不显示，可以为p元素设置高度，比如：

p{
  height:40px;
  overflow:hidden;
  text-overflow:ellipsis;
}

此时不能加入white-space:nowrap;否则会变成一行显示。