使溢出文字显示为...
要使元素中溢出文字显示为省略号效果,需要设置3个CSS元素:
-
white-space:设置如何处理元素中的空白,详见http://www.w3school.com.cn/cssref/pr_text_white-space.asp
-
overflow:规定当内容溢出元素框时发生的事情,详见http://www.w3school.com.cn/cssref/pr_pos_overflow.asp
-
text-overflow:规定当文本溢出包含元素时发生的事情,详见http://www.w3school.com.cn/cssref/pr_text-overflow.asp
实际CSS属性值设置如下:
.example{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}