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

 时间: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如何连接到数据库
  • 热门搜索
    桔梗的功效与作用 金黄金黄的什么 微信拍一拍有什么用 氨糖的功效与作用 温州有什么好玩的地方 人物描写的作用 生晒参的功效与作用 马球运动 芦根的功效与作用 鳖甲的功效与作用