省略号不适用于长网址

用户名

如果网址较长,则省略号不能正常工作。对于URL,它将/视为特殊字符,并且每次出现/时都会中断。

.ui-jqgrid tr.jqgrow td 
{
   font-weight: normal; 
   overflow: hidden; 
   text-overflow: ellipsis;
   -moz-binding:url('ellipsis-xbl.xml#ellipsis'); 
   white-space: normal !important; 
   height: 22px;
   padding: 4px 2px 4px 2px;
   border-bottom-width: 1px; 
   border-bottom-color: inherit; 
   border-bottom-style: solid;
}

知道如何在省略号中转义特殊字符吗?

SW4

您需要进行设置white-space: nowrap;,以使省略号行为按预期工作。

演示小提琴

的HTML

<div class='ellipsis'>http://stackoverflow.com/questions/22609623/ellipsis-not-working-for-long-url</div>

的CSS

.ellipsis {
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    -moz-binding:url('ellipsis-xbl.xml#ellipsis');
    white-space: nowrap;
    height: 22px;
    padding: 4px 2px 4px 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
    width:100px; /* set as an example */
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用div的表格不适用于宽度或文字省略号

来自分类Dev

CSS省略号不适用于特定的Web字体

来自分类Dev

为什么文本溢出:省略号不适用于 Firefox 中的 display: inline-flex?

来自分类Dev

CSS Transition 不适用于空白:nowrap 和 text-overflow:悬停时的省略号

来自分类Dev

省略号适用于第二个跨度,但不适用于第一个

来自分类Dev

省略号适用于第二个跨度,但不适用于第一个

来自分类Dev

代码不适用于长回文

来自分类Dev

代码不适用于长回文

来自分类Dev

网址重写不适用于Apache

来自分类Dev

file_get_contents不适用于带有井号标记的网址

来自分类Dev

长网址适用于Python请求,但不适用于CURL或Web浏览器(nginx-uwsgi-django)

来自分类Dev

AVCaptureSession音频不适用于长视频

来自分类Dev

弹性搜索范围不适用于长索引

来自分类Dev

qsort()不适用于长整数数组

来自分类Dev

粘贴不适用于长字符串?

来自分类Dev

CORS不适用于其他网址

来自分类Dev

循环不适用于csv文件中的网址

来自分类Dev

网址重写不适用于相对路径

来自分类Dev

网址重写不适用于iframe express.js

来自分类Dev

href不适用于mpdf中的动态网址

来自分类Dev

身份验证网址不适用于Icecast

来自分类Dev

相对网址不适用于express-http-proxy

来自分类Dev

htaccess网址重写不适用于配置设置

来自分类Dev

href不适用于mpdf中的动态网址

来自分类Dev

如果条件不适用于网址匹配,则为PHP

来自分类Dev

GetResponse不适用于内部网址

来自分类Dev

我的追捕不适用于网址请求

来自分类Dev

表格中网址的自动换行适用于chrome和safari,不适用于Firefox

来自分类Dev

301重定向不适用于“ +”号

Related 相关文章

热门标签

归档