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值,必须定义文本内容不换行*/
}
原文地址:https://www.cnblogs.com/liulei/p/1391363.html