div-css布局:新闻列表过长溢出加…方法
在首页中新闻列表标题和时间两端对齐,标题设定长度超出的部分用省略号来表示是很常见。但之前一直没有认真思考过如何实现溢出部分用省略号表示。这次做的动态展示网站无法预测到用户上传文章标题的长度,让我不得不直视这个问题。最笨的方法就是手工加省略号,但我觉得这种方法没有意义。上网找了一下,其实方法也不难。但涉及到浏览器兼容问题。
方法如下:
white-space:nowrap; text-overflow:ellipsis; overflow: hidden;这句可以完美的实现.
在做新闻列表时可能有些新闻标题过长.这时我们会采用隐藏溢出来解决.这种效果挺不错.
即隐藏了多余的标题内容又在源代码中显示对于搜索引擎起到友好的作用.怎么才能更完美些让浏览者知道这篇文章标题没有显示完全.通常我们都是加…来区别开.下面写段代码说明一下:
织梦乱弹-Juven的话:
white-space:nowrap; text-overflow:ellipsis; overflow: hidden;
//适用于IE浏览器。其中,
-o-text-overflow:ellipsis;
//适用于opera。可惜,Firefox无法实现。