如何利用css实现文本的单行溢出省略和多行溢出省略,下面web建站小编给大家详细介绍一下具体实现代码!
单行溢出省略
div {
width:300px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
多行溢出省略
//按照行数省略
div {
width:300px;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-line-clamp:2; /*控制行数*/
/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;
overflow: hidden;
}
//按高度省略
div {
position: relative;
width:300px;
max-height: 40px;
overflow: hidden;
line-height: 20px;
}
div::after {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
span点击事件后实现点击事件禁用(类似按钮disabeld方法)
利用-webkit-line-clamp控制文本行数不生效解决方法
上面是“利用css实现文本的单行溢出省略和多行溢出省略”的全面内容,想了解更多关于 前端知识 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3453.html
workflows工作流
潜水员,珊瑚,鲸鱼,潜水艇comfyui工作流
水晶玉雕巨龙ComfyUI工作流
一只由粉色水晶与羽毛组成的巨型高跟鞋
一只黑色章鱼ComfyUI工作流
一只乌鸦栖息在一盏神灯上
一朵在晨光中带着露珠的蓝玫瑰
图生图工作流:一键转换成高清动漫照片
一只沮丧的卡通小丑鱼ComfyUI工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

一个包含老黄历、佛历、道历、星宿等数据的日历网站
纯css制作卡通头像(随鼠标转头)
SVG路径动画效果
用ascii字符画图像
在线生成金属文字
如何利用css3+js做一个下雨效果
css3做一个风雨雷电天气动态图标
css3绘制一个会动的大嘴鸟















