小程序设置文字单行多行超出省略显示

 时间:2024-10-12 03:28:09

1、和日常工作一样啦,首先打开【开发工具】

小程序设置文字单行多行超出省略显示

2、打开发开工具后,新建一个页面并创建两段文字(这里是方便演示,大家忽略!)

小程序设置文字单行多行超出省略显示

3、打开CSS文件设置单行省略效果!代码:.蟠校盯昂demo1 {display: block;width: 100%稆糨孝汶;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

小程序设置文字单行多行超出省略显示

4、设置多行省略效果!代码:.demo2 {width: 100%;display: -webkit-box;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

小程序设置文字单行多行超出省略显示

5、最好我们来看看整体效果吧

小程序设置文字单行多行超出省略显示
  • CSS如何实现只显示div的下边框
  • mysql ERROR 1045 (28000)怎么解决
  • navicat怎么连接mysql
  • cmd切换到d盘
  • VS如何连接到数据库
  • 热门搜索
    如何清理手机内存 梦见老鼠是什么征兆 牲生活用品 如何科学坐月子 圆珠笔油怎么洗 海尔空调制热怎么调 两个硬盘怎么设置主从 如何备份系统 如何配眼镜 如何学好英语的方法