前端技术
文章平均质量分 66
ironlee
这个作者很懒,什么都没留下…
展开
-
溢出文本显示省略号,兼容常用浏览器
溢出文本显示省略号,兼容常用浏览器最近研究css样式,无意中对 "溢出文本显示省略号" 感兴趣,以前我在这个问题上都是用程序写个截取函数来判断,确定要显示多少个字符,多出规定的字符就用省略号("...")代替,虽然这个方法能解决实际问题,但自己总觉得有些不实在。后来在一篇div+css中发现用css样式也可以做到隐藏溢出的文本。就是text-overflow这个样式,text-overflow是一个比较特殊的属性,W3C早前的文档中 是这样定义的: Name: text-overflow-mode Valu转载 2011-02-24 16:15:00 · 3689 阅读 · 0 评论 -
iframe高度自适应(IE6+、FF、Opera、Chrome等测试通过)
此方法 已试过 有效在iframe加载的页面上使用即可在主页面中对于嵌入的iframe页面高度未知,而且iframe页面的高度也不定,故不能在主页面中通过DOM来控制高度。在iframe页面中加入以下脚本便可实现:/*iframe 高度自适应脚本(IE6+、FF、Opera、Chrome等测试通过) 作者未知*/function iframeAutoFit() { try { if(window != parent) { var a = parent.document.getElement原创 2011-03-01 09:19:00 · 1481 阅读 · 0 评论 -
块换行 的问题
<br />问题描述: 当一篇文章 + <a>阅读全文 </a><br />当文章结尾处剩余宽度不够显示<a>阅读全文 </a> 让其自动整体换行<br /> <br />解决方案:<br />使用display:inline-block<br /> <br /><span style="display:inline-block"><br />文章内容<br /></span><br /><a style="display:inline-block">阅读全文</a><br /> <br />这样就能实现原创 2011-03-10 15:36:00 · 376 阅读 · 0 评论 -
FF 特有换行 类似于word-break:keep-all;
因为火狐识别word-break 所以此为火狐特有换行下面是关于此问题的文章我试过了 已经调通css强制换行问题关键字: css, 换行1.(IE浏览器)连续的英文字符和阿拉伯数字,使用word-wrap : break-word ;或者word-break:break-all;实现强制断行#wrap{word-break:break-all; width:200px;}或者#wrap{word-wrap:break-word; width:200px;}abcdefghijklmnabcdefghij原创 2011-02-23 18:49:00 · 2111 阅读 · 0 评论 -
word-wrap,word-break,white-space,text-overflow的区别和用法
汉字和字符在一起显示时 汉字和字符会出现错行的情况如图片所示 此篇文章 可以很好的解释这个问题但目前火狐似乎无效进一步研究中......转载 2011-02-23 18:07:00 · 1305 阅读 · 0 评论