Firefox CSS私有属性备忘记录及相关CSS技巧学习
2010-07-12 11:36
696 查看
转自:http://www.webshu.net/jiaocheng/web/CSS/200804/7784.html
补充:http://www.webshu.net/jiaocheng/web/CSS/200804/7783.html
补充的补充:
18、如果文字过长,则将过长的部分变成省略号显示:IE5,FF无效,但可以隐藏,IE6有效 以下是引用片段:
<DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”>
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>
补充:http://www.webshu.net/jiaocheng/web/CSS/200804/7783.html
补充的补充:
18、如果文字过长,则将过长的部分变成省略号显示:IE5,FF无效,但可以隐藏,IE6有效 以下是引用片段:
<DIV STYLE=”width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis”>
<NOBR>就是比如有一行文字,很长,表格内一行显示不下.</NOBR>
</DIV>
text-overflow属性 仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。我们想要实现溢出时产生省略号的效果。还必须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden)。只有这样才能实现溢出文本显示省略号的效果。 一、仅定义text-overflow:ellipsis; 不能实现省略号效果。 二、定义text-overflow:ellipsis; white-space:nowrap; 同样不能实现省略号效果 三、按52css.com的教程,即本文所讲的方法,同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果: 以上两种方法实现了句末”……“
相关文章推荐
- Firefox CSS私有属性备忘记录
- CSS兼容IE6,IE7,FireFox之一学习技巧
- 学习CSS使用技巧教程(7)连接属性
- 学习CSS使用技巧教程(6)文字属性
- CSS的私有属性小结(针对FireFox浏览器)
- firefox的css私有属性
- CSS学习(4)--CSS的盒状模型及相关属性设置
- Firefox 私有的CSS属性
- CSS学习笔记-CSS属性(五)
- CSS属性的私有前缀
- html+css 清除浮动的相关技巧心得
- CSS学习笔记之文本属性
- CSS学习(6)--背景属性
- CSS学习(16)--打印属性
- 20110107 学习记录:动态指定iframe的scr属性 & IE和Firefox的js兼容性整理 & iframe自适应高度
- (八)学习CSS之line-style-type属性
- 7处ff与ie中读写html、css相关属性的不同之处
- CSS学习笔记-附加篇(CSS的超级技巧)