html怎么设置超出部分不显示

web前端|前端问答

html

web前端-前端问答

服务器论坛源码,vscode 内存大插件,ubuntu 关机指令,tomcat启动优化,sqlite编辑器app,爬虫朋友圈微信头像,php注册and登录系统,湖南seo优化理念,阿里云网站源码,jquery 关闭网页,微信三级分销模板lzw

本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。

stanford parser 源码,vscode 百度网盘,ubuntu 剩余空间,tomcat项目启动2次,爬虫图app,php动态生成网页,黑龙江seo推广推荐厂家lzw

html怎么设置超出部分不显示？

手机论坛app源码,ubuntu86位,tomcat启动进不了页面,爬虫广告素材,自学php难度,三明seo排名优化软件lzw

HTML设置超出部分隐藏

div{ width: 10em; /*保证文字不会被半汉字截断,显示10个文字*/ overflow: hidden; /*超出长度的文字隐藏*/ text-overflow:ellipsis;/*文字隐藏以后添加省略号*/ white-space: nowrap; /*强制不换行*/ }

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法

div{ width: 10em; /*保证文字不会被半汉字截断,显示10个文字*/ overflow: hidden; /*出现省略号*/ text-overflow: ellipsis; /*是在第几行*/ -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; }

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法

div{ width: 10em; /*保证文字不会被半汉字截断,显示10个文字*/overflow: hidden; /*超出长度的文字隐藏*/text-overflow:ellipsis;/*文字隐藏以后添加省略号*/white-space: nowrap; /*强制不换行*/}

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法

《css视频教学》