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

 时间: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如何连接到数据库
  • 热门搜索
    大青沟旅游 2人被列入全国旅游市场黑名单 旅游英才网 井岗山旅游 泰山旅游景点 黄山旅游一卡通 两天一夜旅游景点 上饶旅游网 山东旅游景点介绍 重庆市旅游网