css文字截断
2012年10月31日
16:43
<<css文字截断测试.html>>
.img_info .info h6 a{ font-size:14px; display: inline-block; max-width:170px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis'); }
<<ellipsis.xml>>
其中
-moz-binding:url('ellipsis.xml#ellipsis');
是针对老的firefox版本的写法
文字截断后在ie会出现一些比较奇怪的问题
解决办法一般为设置line-height,和height
相关推荐
CSS截断字符串在一些文字过长需要截取时还是比较实用的,其实实现方法有很多,下面为大家详细介绍几种比较实用的技巧,感兴趣的朋友可以参考下,希望对大家有所帮助
最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果,下面小编把实现代码及效果图分享到脚本之家平台,需要的朋友参考下吧
一般来说,在做这样文字截断效果时我们更多是希望: 兼容性好,对各大主流浏览器有好的支持 响应式截断,根据不同宽度做出调整 文本超出范围才显示省略号,否则不显示省略号 省略号位置显示刚好 基于上述的准则,...
看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,一般来说,在做这样文字截断效果时我们更多是希望: 兼容性好,对各大主流浏览器有好的支持 响应式截断,根据...
使用CSS不用程序实现文字自动截断 用省略号代替
一般的文字截断(适用于内联与块): ==============CSS================ 复制代码代码如下: .text-overflow{ display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* ...
首先平时用的时候要配合 复制代码代码如下: overflow: hidden; white-space: nowrap; 这两个属性让起溢出隐藏和不换行,然后IE8用的时候记得不要加 复制代码代码如下: word-berak:break-all; word-wrap:break-word...
主要介绍了用css截取字符实现文字自动截断隐藏溢出文本,需要的朋友可以参考下
一、设定文字字体、颜色、大小等使用font等。 font-style设定斜体,比如font-style: italic; font-weight设定文字粗细,比如font-weight: bold; font-size设定文字大小,比如font-size: 12px;(或者9pt,不同...
当一行文字超过DIV或者Table的宽度的时候,浏览器中默认是让它换行显示的,如果我们不想让他换行显示那要怎么办呢,下面为大家介绍下如何设置div+CSS设置一行内文字超过宽度不换行且不显示
在CSS中,我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾: 复制代码代码如下: overflow: hidden; word-break: normal; text-overflow: ellipsis; text-overflow: ellipsis是实现文本截断...
前言 看了我上篇文章的人可能觉得我小题大做,css2有什么好看的?...这个最容易出现在table-layout为auto表格中,我们不控制表格单元格宽高的时候,当每一列都放不下的时候,会把文字截断,然而手机号,英
看到标题你一定很容易就会想到截断文字加“…”的做法。哈哈,就是这样。其实写这篇日志也只是把这样方法做个记录,因为好像还有很多人不记得遇到这样的情况该如何处理。 一般的文字截断(适用于内联与块): ....
一般的文字截断(适用于内联与块): CSS Code复制内容到剪贴板 .text-overflow { display:block;/*内联对象需加*/ width:25em; word-break:keep-all;/* 不换行 */ whitewhite-space:nowrap...
CSS3属性“ text-overflow”只能截断一行文本,而IE7和更低版本不支持。特征HTML截断为指定的行数,包括环绕其他浮动元素HTML。 深度HTML截断并保留所有非type3(文本)节点截断后缀的可选规范,例如… 使用可配置...