文章标题过长掩藏CSS方法
2010-06-23 20:19
399 查看
用CSS实现还可以防止标题被截掉之后影响搜索引擎收录。
使用方法:在CSS中同时应用width=""; overflow:hidden; text-overflow:ellipsis;
white-space:nowrap;才能达到效果。
width="";定义显示宽度
overflow:hidden; 溢出隐藏
text-overflow:ellipsis;省略号显示溢出文本内容
white-space:nowrap; 强制文本在一行内显示
用width指它好宽度、overflow:hidden;将超出的内容隐藏就行了
在ie下加上text-overflow:ellipsis;效果加你上面的一样,标题过长会自动显示省略号
使用方法:在CSS中同时应用width=""; overflow:hidden; text-overflow:ellipsis;
white-space:nowrap;才能达到效果。
width="";定义显示宽度
overflow:hidden; 溢出隐藏
text-overflow:ellipsis;省略号显示溢出文本内容
white-space:nowrap; 强制文本在一行内显示
用width指它好宽度、overflow:hidden;将超出的内容隐藏就行了
在ie下加上text-overflow:ellipsis;效果加你上面的一样,标题过长会自动显示省略号
相关文章推荐
- CSS文章过长显示省略号的方法
- CSS实现标题文字过长部分显示省略号的方法
- 使用CSS截断过长标题文字的方法
- CSS实现标题文字过长部分显示省略号的方法
- CSS 隐藏文章标题过长部分
- DEDECMS教程:上/下一篇文章标题长度的截取方法
- DEDECMS教程:上/下一篇文章标题长度的截取方法
- 织梦(dedecms)批量替换文章标题和内容方法集绵
- CSDN BLOG 发表文章过长 导致出错的 解决方法
- 一个li中标题左对齐 日期右对齐的css控制方法
- Dedecms文章标题及文章摘要长度修改的方法
- css解决标题过长显示省略号的问题
- css隐藏过长的多余溢出文字的方法
- 转载一篇张鑫旭大大的文章,我感觉不错!!【获取元素CSS值之getComputedStyle方法熟悉】
- css实现文字过长显示省略号的方法
- css两端对齐,div+css文章两端对齐的解决方法
- KindEditor编辑器关闭过滤html,js,css标题方法
- Dedecms文章标题长度修改方法小结
- 文章标题CSS常用选择器及与HTML结合方式