爱分享
首页 友情链接 精美壁纸 给我留言
更多
关于我
1 uniapp Click点击事件冲突解决 4,660 阅读 2 【插件】UNI APP 实现商米打印机功能支持T1,T2,V2机型 4,268 阅读 3 【测试可用】个人码免签支付系统源码/免签支付系统/微信支付平台 2,226 阅读 4 windows10下docker:给已存在的容器添加端口映射的方法 1,335 阅读 5 Typecho七牛插件,为您的网站访问加速 1,321 阅读
Java
Spring Boot Spring Mvc Java基础 进阶知识
前端
uniapp 小程序/公众号 JavaScript HTML/CSS Vue
PHP
开源软件
商城 营销工具 开发工具 视频/教程 Discuz主题/插件 typecho主题/插件
SEO杂谈
数据库
MongoDB MySQL Redis
单片机
概念说明 电路相关
Python
devops
docker k8s linux
职场杂谈
登录 / 注册
标签搜索
  • python
  • mysql
  • 人人商城
  • php
  • java
  • docker
  • typecho
  • 插件
  • 微擎
  • seo
  • spring boot
  • discuz
  • 队列
  • uni-app
  • phpcms
  • 教程视频
  • 开源系统
  • 源码
  • 工具
  • css
侧边栏壁纸
博主昵称
哈根达斯

  • 累计撰写 110 篇文章
  • 累计收到 160 条评论
  • 首页
  • 栏目
    • Java
      • Spring Boot
      • Spring Mvc
      • Java基础
      • 进阶知识
    • 前端
      • uniapp
      • 小程序/公众号
      • JavaScript
      • HTML/CSS
      • Vue
    • PHP
    • 开源软件
      • 商城
      • 营销工具
      • 开发工具
      • 视频/教程
      • Discuz主题/插件
      • typecho主题/插件
    • SEO杂谈
    • 数据库
      • MongoDB
      • MySQL
      • Redis
    • 单片机
      • 概念说明
      • 电路相关
    • Python
    • devops
      • docker
      • k8s
      • linux
    • 职场杂谈
  • 页面
    • 友情链接
    • 精美壁纸
    • 给我留言
    • 关于我
搜索到 1 篇与 HTML/CSS 的结果
  • css实现文字超过两行截取替换省略号方案 2021-11-22
    css实现文字超过两行截取替换省略号方案 在页面设计众,设计给出的标题常常为限制2行显示,超出部分以省略号形式展示,该功能可直接使用css实现实现方案结合overflow使用.p{ text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 多少行 */ line-clamp: 2; /* 多少行 */ -webkit-box-orient: vertical; }兼容性说明-webkit-line-clamp 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。为了实现该效果,它需要组合其他外来的WebKit属性。常见结合属性:display: -webkit-box; 必须结合的属性 ,将对象作为弹性伸缩盒子模型显示 。-webkit-box-orient 必须结合的属性 ,设置或检索伸缩盒对象的子元素的排列方式 。text-overflow 可以用来多行文本的情况下,用省略号“...”隐藏超出范围的文本 .
    • 2021年11月22日
    • 507 阅读
    • 0 评论
    • 0 点赞
博主栏壁纸
博主头像 哈根达斯

110 文章数
160 评论量
    最新回复
    • 应用分享
      应用分享
      2025-01-01
      感谢站长分享。
    • 应用分享
      应用分享
      2025-01-01
      来大佬这里学习一下
    • 软件下载
      软件下载
      2024-12-22
      感谢分享 又学到了
    • 软件分享
      软件分享
      2024-12-22
      下载看看哦
    • java
      java
      2024-12-19
      没这个好用https://ext.dcloud.net.cn/plugin?name=sunmi-printerx
    标签云
    广告 广告
    舔狗日记
    备案号:桂ICP备15009432号-3 RSS MAP