如果网页要呈现的是动态信息，比如新闻之类的，字数可能就无法控制。
UI设计的完美布局有可能被溢出的内容搞砸。
这种情况可以由后台处理，把将要呈现到前端的信息截取合适的长度。不过这样感觉后台的压力好大，布局变化一次，就要重新计算一下要截什么长度才合适。
CSS可以完美解决这个问题。
如上图所示，overflow和text-overflow配合使用，可以把超出范围部分文字将被隐藏，并且使用省略号替换了文字最后部分。以下是效果图：
为了做出文本溢出的效果，代码中使用了white-space:norap，可以强制文本不换行。
就到这里 See you next time @_@