CSS控制长文本内容显示(截取的地方用省略号代替)

自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将容器撑大,下面介绍的是CSS如何实现处理的方法。

现实中经常出现一些内容比较长的文本，为了使整体布局美观，需要将文本内容控制在一行显示，并且截取一定的长度，截取的地方用省略号代替。虽然用动态语言可以对其控制，但是这样做是不利于搜索引擎收录的，活用CSS可以巧妙地解决这个问题，请看下面的代码：
代码一：用于非表格LI或span等都可以