我的小前端（4）—— 多余字数用省略号显示

仅CSS样式做限制，实现页面显示2行内容，超出部分为……

.desc {

overflow: hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 2; // 这里表示显示2行

}

=======================================

仅CSS样式做限制，实现页面显示1行内容，超出部分为……

.desc {

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

}

转载于:https://www.cnblogs.com/chen-nye/p/5702435.html

我的小前端（4）—— 多余字数用省略号显示相关推荐

鼠标移动出现小手与溢出部分以省略号显示
1.鼠标移动显示小手只需要在需要的标签内添加 `cursor: pointer` 这个属性就行了 2.以省略号显示首先,我们需要给标签定宽 <style>p{width: 63px; ...
微信小程序单行文本溢出部分省略号显示无效
Android ellipsize属性(多余文字用省略号显示)
TextView中可以设置一个ellipsize属性,作用是当文字长度超过textview宽度时的显示方式: 例如,字符串"abcedfghijklmn" 的各种现实效果: and ...
鼠标右击 html5,认识HTML--写出第一个简易网页 -------16岁的小前端
在前面我们学习中我们认识到到HTML的[我要做网页]和一些基本的结构: -----------------------声明文档类型为html5 -----------------------HTML标 ...
http中的请求头各部分都是什么意思_小前端探索HTTP
广告个人订阅号,知乎和微信同步推文,希望大家关注一波! 微信订阅号:小前端看世界,id:fe_watch_world 首先需要说明的是本人只是一个前端,本文内容是综合各大资料搜索到的信息,进行简单明 ...
HTML进阶--段落标签P --------16岁的小前端
前面我们学习了使用[ <br> ]标签来实现这样一个效果:我说过实际上这里并不是使用[ <br> ]标签来实现的,我们只是学习[ <br> ...
HTML进阶--如何使用Sublime Text来创建网页 -------16岁的小前端
前期的文章中讲到了使用Windows自带的[记事本]来创建网页: [记事本]在写代码的时候有很多的不便捷,可读性可较差: 所以我们在前端开发的时候都会使用一款[文本编辑器](例如editplus,Su ...
小前端有话说之：[Vue warn]: Avoid mutating a prop directly since the value will be overwritte父子组件传值问题及sync用法
相信刚入坑的小前端们在父子组件传值修改的时候或多或少会出现这种警告警告原因:vue不推荐直接在子组件中修改父组件传来的props的值,会报警告~~ 即通过props传递给子组件的值,不能在子组件内部 ...
前端笔记（9）元素的隐藏与显示，css用户界面样式，vertical-align垂直对齐，溢出文字省略号显示，css精灵技术，过渡，焦点，滑动门，margin负值
css样式表/层叠样式表(7) 元素的隐藏与显示 (1)dispaly显示 (2)visibility可见性 (3)overflow溢出 css用户界面样式鼠标样式cursor 轮廓线outline ...

我的小前端（4）—— 多余字数用省略号显示

我的小前端（4）—— 多余字数用省略号显示相关推荐

最新文章

热门文章

我的小前端 （4）—— 多余字数用省略号显示

我的小前端 （4）—— 多余字数用省略号显示相关推荐

最新文章

热门文章

我的小前端（4）—— 多余字数用省略号显示

我的小前端（4）—— 多余字数用省略号显示相关推荐