文本超出部分该怎么处理
这个问题比较宽泛,那么就用几个实际情景来阐述吧。
情景一:文字在超出长度时,如何实现用省略号代替?
解决办法:
给文本框添加样式:
width:200px;
overflow:hidden;
text-overflow:ellipsis
white-space:nowrap;
注意:一定要记得设置宽度,否则其他的效果是出不来的!
那么问题又来了,利用以上处理方法确实可以将多余的文本隐藏起来了,但是如果我坚持要查看被隐藏起来的文字,该怎么办?
就知道你会有这样的疑惑,那么就继续往下看。
情景二:超长长度的文字在省略显示后,如何在鼠标悬停时,以悬浮框的形式显示出全部信息?
【方法一】这是简答粗暴的方法:
给标签增加title属性,并赋上要显示的内容。
例如:
<div title="全部内容">部分内容</div>