用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值,必须定义文本内容不换行*/
}

相关文章:

  • 2022-12-23
  • 2021-11-28
  • 2021-06-11
  • 2022-12-23
  • 2022-12-23
  • 2021-08-28
猜你喜欢
  • 2021-10-09
  • 2021-08-31
  • 2022-12-23
  • 2021-11-20
  • 2021-09-05
  • 2022-12-23
  • 2021-09-22
相关资源
相似解决方案