如何在把超过固定长度的文字以"……"表示
2008-04-30 18:26
309 查看
使用web standards做网页,经常需要定义某个父元素下的第一个子(child)元素或最后一个元素,以便将其与其他元素区分开来,有利于实现某些特殊需求。最浅显的例子是,导航项目间的竖线,我们往往通过border或者background来实现。特殊需求是,第一项左边无竖线或最后一项右边无竖线。
那么区分第一项好呢,还是最后一项好?答案是明显的,逼不得已,不要用区别最后一项。按照一般的编程方法,控制第一项要比控制最后一项容易得多。
区分第一项的还有一个好处是,CSS有一个:first-child的伪元素(pseudo element)可以让我们轻而易举的选择第一个子元素。
遗憾的是,当前全球占有率最高的浏览器,IE6,并不支持这个伪元素。我们可以手工给第一个元素加上class然后再定义它。但这不是一个万无一失的办法,尤其对于页面规模达到一定数量大型网站,很容易挂一漏万。那么,让JavaScript来帮我们完成这件工作如何?
查看演示
在IE中,为每个属于first-child的li加上first-child的class,则CSS则可以这样书写了::first-child, .first-child { some rules here...}(有没有发现这样写很帅,一个是冒号,两点;一个是点号,一点 ),十分便于维护和管理。
p.s.希望哪位高手能够写出通用的first-child来,我这里的例子只针对li,能力有限!
那么区分第一项好呢,还是最后一项好?答案是明显的,逼不得已,不要用区别最后一项。按照一般的编程方法,控制第一项要比控制最后一项容易得多。
区分第一项的还有一个好处是,CSS有一个:first-child的伪元素(pseudo element)可以让我们轻而易举的选择第一个子元素。
遗憾的是,当前全球占有率最高的浏览器,IE6,并不支持这个伪元素。我们可以手工给第一个元素加上class然后再定义它。但这不是一个万无一失的办法,尤其对于页面规模达到一定数量大型网站,很容易挂一漏万。那么,让JavaScript来帮我们完成这件工作如何?
查看演示
在IE中,为每个属于first-child的li加上first-child的class,则CSS则可以这样书写了::first-child, .first-child { some rules here...}(有没有发现这样写很帅,一个是冒号,两点;一个是点号,一点 ),十分便于维护和管理。
p.s.希望哪位高手能够写出通用的first-child来,我这里的例子只针对li,能力有限!
相关文章推荐
- C# "125" 转换位“00000125” 左边使用固定字符补充为固定长度的字符串
- 如何处理Oledb中EXCEL驱动读取EXCEL文件中字段长度大于255字符时出现的"数据截断"问题.
- Android中"&" 符号,在静态的string.xml中如何表示
- 如何去掉PPT中“无忧PPT整理发布"的文字
- 超过指定长度的文字用省略号表示
- css控制一行文字超过固定长度显示省略号
- python如何提取某一个固定的字符之间的数据如<img src= >" 内容"
- C++怎么让函数返回固定长度字符串,比如给“zhangsan"返回原字符串加上4各空格,给“lisi"返回"lisi"加6
- 如何点击文字,把input type="radio" 或者 input type="checkbox" 也选中
- string split 的缺陷,",a,,"如何截取数组长度为4
- "路径和文件名总长度必须不能超过 260 个字符! 系统找不到指定的路径"的解决方法
- 如何截取指定长度汉字而不会出现以"?>"结尾,超出部分以"..."代替
- 关于"System.Web.HttpException: 超过了最大请求长度。"错误的解决
- html 网页 <ul> 中怎么把超过固定长度字串截成 "..."
- 如何改变上传文件控件中的"浏览..."为别的文字?
- .NET截取指定长度汉字超出部分以"..."代替
- "密码最短长度为7,其中必须包含以下非字母数字字符1"解决方法
- 第三方工具 - echarts中 设置x||y轴文案、提示文字等为固定字数,超出显示"..."
- 如何用DataList实现某一列如果超过特定长度就自动换行
- 小企业如何用"心"去发展