Resolution:Full Screen|1800|1200|950|780|HideMiddle|HideRight

Chromatography Ads

text-overflow兼容主流浏览器,css限制单行字符长度方法

Posted in css

  • 207
  • views

一直以来我都以为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教程
转载请注明:作者Joe 地址:http://xiebiji.com/2008/11/textoverflow

Posted in css | 207 views|

1评论主题(含1回复) »

  1. 1 2008-12-01 at 23:17 LD says:

    期待你自制的主题 :roll:

    joe Reply:

    :oops: 第一次做可能要很久才做出来

这篇文章上的评论 RSS feed TrackBack URL

留下评论

Comments details:

:P :kiss: :D :( :ohh: ;) :mad: :) :cool: :o :lol:

Recently Written

Random Posts

Most Viewed

BlogUPP

关于博主
我名字叫JOE,是一个性格怪异的学生,整天坐在电脑面前不动,但是脑子却一直在转。最大优点是对喜欢的东西很执着,曾经试过看着设计稿目不转睛,持续时间长达两个小时。我很想跟别人交流,但是又不怎么会交流。有时有点自卑有时却又有点自信。不喜欢依靠别人的人,一直认为女人是受保护动物。
关于博客
本博客08年8月诞生,虽然人影稀少,但是本博客目的只是为了提供作者平时学习书写笔记的地方。鉴于作者表达能力有些,一些内容可能会含糊不清,但是博客始终坚持“留下生活的足迹,让世界知道还存在我”的信念。

Message

Previous Next
Latest on Mon, 05:38 pm

joe: :( 昨天服务器被攻击了。。

歌乐仙人: logo写错了,应该是:http://www.fanxipeng.com/logo.gif

歌乐仙人: 我又来了 :ohh: ,昨天贵站怎么上去呀。 另外,我的LOGO做好了:http://www.fanxipeng.com

木木木木木: 新的一年 新的气象 祝福你!!!

joe: ;) 新年快乐~

» Leave a message



Gallery

Get the Flash Player to see the slideshow.

Recently Written

Last Comments

RSS New Design