单行文本过长自动替换为省略号的css写法:text-overflow:ellipsis;

      今天写项目的时候碰到了一些比较有意思的问题,单行文本过长导致换行。与我预期的效果不太相同。

这是一个长长长长长长长长长长长长的测试文本...
后边应该还有文本但是css自动处理为...

百度了一下发现css有现成的属性可以控制,记录一下:

.pl{//单行文本溢出显示为...
        width: 200px;
        overflow:hidden;
        text-overflow:ellipsis; 
        background: goldenrod;
        white-space: nowrap;/*加宽度width属来兼容部分浏览*/
    }

以上是百度出来的大神分享的代码实测了一下可以使用,原文链接https://www.cnblogs.com/zhangqie/p/6733808.html

其中width必须要添加,否侧判断不了溢出的条件。

2 用jquery添加css 优先级为!important

尝试着用css(“color”,”#ddd!important”)添加

但是添加了几次发现没有添加成功,找了半天没有找出毛病,于是祭出度娘。得到答案

css(“cssText”,”color:#ddd!important”) 成功添加

3 找到了一个新的jquery选择器,find()

p1.find(“element”) element是元素,可以用选择器找到的任何元素,意思为寻找p1下符合element的元素。

4 json如果添加到url中需要转码

encodeURIComponent(json)和decodeURIComponent(json) 前者负责将json数据编码 后者负责解码。

5 排版问题,比第一次写博客语法运用稍微熟练,但是排版的格式还是有问题,中间想添加一张图片,但是csdn的添加图片好像出bug了,一直没有添加上去。就这么多吧 记录一下。

猜你喜欢

转载自blog.csdn.net/yummry/article/details/78482848