博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在样式中控制列表长度
阅读量:6271 次
发布时间:2019-06-22

本文共 727 字,大约阅读时间需要 2 分钟。

hot3.png

使用text-overflow:ellipsis对溢出文本显示省略号有两个好处,一是不用通过程序限定字数;二是有利于SEO。需要使用对对溢出文本显示省略号的通常是文章标题列表,这样处理对搜索引擎更友好,因为标题实际上并未被截字,而是局限于宽度而未被显示而已。通常的做法是这样的:1.overflow:hidden;2.text-overflow:ellipsis;3.-o-text-overflow:ellipsis;4.white-space:nowrap;5.width:100%;其中,overflow: hidden和white-space: nowrap都是必须的否则不会显示省略号;-o-text-overflow: ellipsis针对Opera;而宽度的设定主要是针对IE6;该方法支持Internet Explorer, Safari, Chrome 和 Opera,但FF并不支持,不过可以通过Jquery来实现类似的效果。下载这个Jquery插件:jQuery ellipsis plugin调用方法:1.$(document).ready(function() {2.    $('.ellipsis').ellipsis();3.}
macro 宏控制
#macro(substring $str $length $replace) #if($str.length() > $length)    	$!{str.substring(0,$length)}$replace    #else    	$str    #end#end

转载于:https://my.oschina.net/u/246522/blog/94002

你可能感兴趣的文章
sgu 127
查看>>
如何在Navicat中设置HTTP属性
查看>>
怎么用Navicat Premium图标编辑器创建表
查看>>
谈DELL收购EMC
查看>>
SpringBoot 异常:Target object must not be null
查看>>
监控系统那些事儿01——好奇,了解HP Openview系列软件
查看>>
Spring配置文件(2)配置方式
查看>>
获取客户端网卡MAC地址和IP地址实现JS代码
查看>>
CentOS安装Node.js
查看>>
Java使用sftp定时下载文件
查看>>
shell中cut命令的使用方法
查看>>
Java 自动装箱与拆箱
查看>>
《艳遇SOLR》9--solr查询--逻辑运算查询
查看>>
MariaDB/Mysql 批量插入 批量更新
查看>>
前端开发工程师必备技能
查看>>
@RequestMapping注解中的url
查看>>
Spring
查看>>
Java基本数据类型学习笔记
查看>>
Django的全文检索
查看>>
ItelliJ IDEA开发工具使用—创建一个web项目
查看>>