想利用-webkit-line-clamp控制文本行数,超出的直接用...,但是后来发现-webkit-line-clamp不生效,小编在网上找了以下解决方法!
具体代码如下:
div {
width:300px;
display:-webkit-box;
text-overflow:ellipsis;
-webkit-line-clamp:2;
overflow: hidden;
}
参数介绍:
display:展示方式 text-overflow:文本溢出省略; -webkit-line-clamp:控制显示行数; -webkit-box-orient:盒子属性;
以上几个样式缺一不可~
上面是“利用-webkit-line-clamp控制文本行数不生效解决方法”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3454.html
workflows工作流
一只蚊子被嵌在琥珀中ComfyUI工作流
一个熙熙攘攘的市场场景,里面摆满了南瓜
庭院,彩色玫瑰,云雾笼罩comfyui工作流
一尊白玉猴王ComfyUI工作流
森林里有一个皮肤像抛光黑曜石的生物
一朵在晨光中带着露珠的蓝玫瑰
一只巨大的极其精细的鞋子ComfyUI工作流
一个美丽的女孩穿着花瓣做的衣服
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

css3做一个风雨雷电天气动态图标
js导出excel插件(兼容mac电脑Numbers表格)
Bootstrap可视化拖放布局
javascript如何利用draggable实现一个拖拽效果
用ascii字符画图像
自动打字效果(惊喜在后面)
利用html5+css3实现滚雪球效果(附代码)
利用canvas画几个好玩的星云物种










