文本超出显示...
2015-09-06 22:46 兮月 阅读(127) 评论(0) 编辑 收藏 举报text-overflow
clip : 不显示省略标记（...），而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记（...）
div{
width: 60px;
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;
}
<div>于千万人之中，遇见你所遇见的人</div>
nobr{text-overflow: ellipsis;
width: 90px;
border: solid 1px;
overflow: hidden;
display: block;
}
<nobr>于千万人之中，遇见你所遇见的人</nobr>