CSS 截取标题

用CSS的text-overflow属性，按显示区域的大小截取标题，取代用程序自动截取标题的方式，这样做有两个优点：

(1) 因为中英文字体宽度不一，用程序自动截取标题，会出现长度参差不齐的情况。用CSS则可以根据显示区域的大小来截取标题，使显示效果更加整齐。

(2) 输出完整的标题，有利于搜索引擎识别完整的标题内容。

参数：
clip: 不显示省略标记（...），而是简单的裁切
ellipsis: 当对象内文本溢出时显示省略标记（...）

说明： 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。

示例：

div { text-overflow : clip; }
div {
   width: ***px; /*定义显示区域宽度*/
   text-overflow: ellipsis;
   overflow: hidden; /*兼容FF，在FF下会隐藏超过长度的部分*/
   white-space:nowrap; /*要强制文本溢出发生并且应用ellipsis值，必须定义文本内容不换行*/
}