超出容器部分内容显示省略号的可行方案
一个Web项目中有装载数据的表格,表格列可以拖拽调整宽度,在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替,无奈标准浏览器不支持。网上的许多方案也不完美,有的利用hack手法能在Firefox下显示省略号,但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式:

一个Web项目中有装载数据的表格,表格列可以拖拽调整宽度,在IE下可用text-overflow:ellipsis样式实现 超出列宽的内容以省略号代替,无奈标准浏览器不支持。网上的许多方案也不完美,有的利用hack手法能在Firefox下显示省略号,但是在字符没有超过宽度的情况下也会显示。如果用前端脚本来处理的话又感觉浪费了性能。最后采取了火狐的如下方式:
为标准呐喊加油。今天看到消息:根据市场调研机构StatCounter公布的最新统计数据,在全球浏览器的使用中,Firefox 3.5成为市场份额最大的浏览器,超过了IE7。Firefox在全球用户的激增也推动了IE6在走向消亡之路上的步伐,不过在很多国家和地区IE6仍然牢牢掌控着浏览器市场。
今天碰到一个问题:当一个容器设定overflow:auto之后,如果有一个<input>设定绝对定位,并且刚好定位到那个容器的上面,则在Firefox2下,鼠标focus到input中,不能看到本应该闪动的光标。定位了好久才发现是设定了overflow:auto的原因。
往下看吧,实在是非常经典的比方:
火狐:如果你遇到火狐,她有你要的一切。她拥有太多让人难以忘记的东西。尽管她可能会让你抓狂,但男人发现甩掉火狐很难。倒不是因为她自己多么迷人,而是因为她从自己的崇拜者那里得到的太多。所有这些小玩意儿都让你在和她幽会时如鱼得水。啊,你说要是其他女人也这么开放……
用VRML可以实现三维网页。最近一个项目使用VRML实现其中一些功能。VRML通过浏览器观看,浏览器需要安装播放插件,使其可以解析wrl文件。目前,VRML插件种类繁多,功能层次各异。我使用的是Cortona VRML Client(俄国的Parallelgraphics公司开发)。
由于浏览器市场一直没有被一统天下,处于一个诸侯争霸,各显神通的时代。但是却苦了web页面开发者,对不同的浏览器用户群,需要周全的考虑到多种页面显示的差异性。CSS对浏览器器的兼容性具有很高的价值,通常情况下IE和Firefox存在很大的解析差异,这里介绍一下兼容要点。
常见兼容问题:
1、DOCTYPE 影响 CSS 处理
2、FF:div 设置 margin-left, margin-right 为 auto 时已经居中,IE 不行
3、FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中
4、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width
5、FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式