使溢出文字显示为...
Posted notnan
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了使溢出文字显示为...相关的知识，希望对你有一定的参考价值。
要使元素中溢出文字显示为省略号效果，需要设置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;
}
以上是关于使溢出文字显示为...的主要内容，如果未能解决你的问题，请参考以下文章