首页 ν HTML5技术 ν css实现文字超出隐藏功能 浏览量 收藏文章 海报

css实现文字超出隐藏功能

  文字超出隐藏功能的实现,

  overflow:hidden; //超出的文本隐藏

  text-overflow:ellipsis; //溢出用省略号显示

  white-space:nowrap; //溢出不换行

  //上面是一行内容的时候,当有两行的内容时候

  overflow: hidden;

  text-overflow: ellipsis;

  display:-webkit-box; //作为弹性伸缩盒子模型显示。

  -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列

  -webkit-line-clamp:2; //显示的行

打赏 赞( )
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

技术栈-技术优质的资源信息

加入技术栈 联系我们