易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS兼容性(2) text overflow

一直以来我都以为css是无法限制字符长度的,最近才发现原来可以这样.最简单的兼容方法:
.textOverflow {
width:100px;
white-space:nowrap;/*限制单行输出*/
text-overflow:ellipsis;/*只支持IE6(+)*/
overflow: hidden;
-o-text-overflow: ellipsis;/*Opera专用*/
-moz-binding: url('ov.xml#ellipsis');/*firefox下实现要配套对应的xml文件*/
}
/*.xul是为<xul:description>添加的class属性*/
.xul{
color:#fff;
}
html代码:
<div class="textOverflow">块级元素块级元素块级元素块级元素块级元素块级元素</div>
根目录下ov.xml文件代码:
<?xml version="1.0" encoding="utf-8"?>
<bindings
  xmlns="http://www.mozilla.org/xbl"
  xmlns:xbl="http://www.mozilla.org/xbl"
  xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"

  <binding id="ellipsis">
    <content>
      <xul:description class="xul" crop="end" xbl:inherits="value=xbl:text"><children/></xul:description>
    </content>
  </binding>
</bindings>
现在网上很多是流行js方法来兼容ff的,其实上述介绍的是用了xul:description的方法,^_^我也不知道那是啥来的,不过这样写很简洁。
关于xul的教程《XUL教程》


相关文档:

添加头文件中的xml,script,css等内容方法

function   $import(path,type,title,idname){  
          var   s,i;  
          if(type=="js"){  
         &nb ......

CSS揭秘(1)

     这个系列可能新手读起来比较慢,但我尽量用易懂的方式讲解,因为我曾经是初学者,我知道大家想知道什么。一张网面其实页面内容是比较重要的,图像是属于锦上添花,当然网页的排版也很重要。在CSS揭秘学习的第一站,首先要学习一下文字和文本,让大家对css有个初步的认识。
   &nb ......

div+css网页设计技巧汇总

今天我们汇总了许多div+css网页设计中经常用到的经验和技巧,大家可以多多参考,对你的页面设计一定有很大的帮助!
如果文字过长,则将过长的部分变成省略号显示:IE5,FF无效,但可以隐藏,IE6有效DIV STYLE=“width:120px;height:50px;border:1px solid blue;overflow:hidden;text-overflow:ellipsis&rdquo ......

css 引入方式与选择器

今天学习了css的引入方式和css的选择器
Css引入方式总共四种分别是:
1.<link rel=”realstyle” type=”text/css” href=”css.css”>
rel    表明连接的文件与html文档之间的关系
type 是表明文件类型
href 指向链接的css文件
2.在html文档的head部分直接写入c ......

css滤镜

filter:filtername(parameters)
filter是滤镜属性选择符;filtername是滤镜属性名
alpha透明度: opacity finishopacity style startX startY finishX finishY
blur模糊:add direction strength
chroma指定颜色透明:color
dropshadow投射阴影:color offx offy positive
fliph水平翻转
flipv垂直翻转
glow对象的外边 ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号