firefox（火狐）截取字符串用省略号代替

最新推荐文章于 2022-03-21 17:45:42 发布

转载最新推荐文章于 2022-03-21 17:45:42 发布 · 1k 阅读

·

0

·

文章标签：

#firefox #border #binding #float #class #url

JAVA 专栏收录该内容

79 篇文章

订阅专栏

本文介绍如何使用XUL及CSS属性实现文本溢出时显示省略号的效果。通过设置特定样式及绑定XML文件，可以在限定宽度内使过长文本以省略形式展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

转自：http://zsp.javaeye.com/blog/261175

作者：zuroc，已经将程序打包，我只是把解压的代码转贴。

主要技术：xul

搜索原帖用关键词：firefox text-overflow:ellipsis

html文件如下：

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<style>

.ellipsis {

-o-text-overflow: ellipsis;

text-overflow: ellipsis;

-moz-binding: url('ellipsis.xml#ellipsis');

}

</style>

</head>

<body>

<div class="ellipsis" style="clear: both; white-space: nowrap; float: left; width: 115px; overflow: hidden; border: 1px solid #ccc;">

short

</div>

<div class="ellipsis" style="clear: both; white-space: nowrap; float: left; width: 215px; overflow: hidden; border: 1px solid #ccc;">

A very, very, very, very, very, very, very, very, very long text

</div>

</body>

</html>

ellipsis.xml文件如下：

<?xml version="1.0"?>

<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:window>

<xul:description crop="end" xbl:inherits="value=xbl:text">

<children />

</xul:description>

</xul:window>

</content>

</binding>

</bindings>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。