最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
CSS/Js文本溢出自动添加省略号ellipsis
时间:2022-06-25 11:07:42 编辑:袖梨 来源:一聚教程网
CSS文本溢出省略号
text-overflow:ellipsis
ext-overflow是一个比较特殊的属性,W3C早前的文档中(目前的文档中没有包含text-overflow属性,FML!)对其的定义是:
Name: text-overflow-mode
Value: clip | ellipsis | ellipsis-word
clip : 不显示省略标记(…),而是简单的裁切
ellipsis : 当对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个字符。
ellipsis-word : 当对象内文本溢出时显示省略标记(…),省略标记插入的位置是最后一个词(word)。
例子
代码如下 | 复制代码 |
.ellipsis li{ -moz-binding: url('ellipsis.xml#ellipsis');/*相对当前html的路径*/ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:200px; } |
你可能也注意到了,兼容火狐浏览器的关键代码 -moz-binding: url('ellipsis.xml#ellipsis'); 就是加载了一个XML文件。
ellipsis.xml代码:
代码如下 | 复制代码 |
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" > |
要问我为什么,这些是浏览器的bug,我想不必深究
下载这个Jquery插件:jQuery ellipsis plugin
调用方法:
代码如下 | 复制代码 |
$(document).ready(function() { |
php直接进行字符截取
代码如下 | 复制代码 |
public static function chinesesubstr($str, $start, $len) { // $str指字符串,$start指字符串的起始位置,$len指字符串长度 使用方法 chinesesubstr($str, 0, 10); |
相关文章
- 《无限暖暖》围巾蚯蚓具体作用介绍 12-24
- 《无限暖暖》星夜守望连衣裙获得方法介绍 12-24
- 《无限暖暖》魔物试炼幻境解锁方法介绍 12-24
- 《无限暖暖》磐岩晶石获得方法介绍 12-24
- 《无限暖暖》巨石岩仔打法攻略分享 12-24
- 《无限暖暖》布布果在哪 12-24