常见的有溢出三点隐藏

控制在一行

条件

有宽度 px %都可

 

溢出隐藏 overflow:hidden 

强制一行显示 white-space:nowrap

文本溢出点点点显示 text-overflow:ellipsis

css 控制文本显示

效果

css 控制文本显示

控制在多行之后进行点点点显示

css 控制文本显示

可以通过改变-webkit-line-clamp:(行数)控制行数显示

通过查阅了解到这个属性并未出现在css规范中 

主要功能是控制块儿内元素的文本显示行数

与之搭配的则有display:-webkit-box 弹性伸缩盒子

还有-webkit-box-orient:控制文本显示内容排列方向

css 控制文本显示

 

据说-webkit-box-orient编译时会被干掉

使用注释就可以完美解决这个问题

点解?

css 控制文本显示

效果图

 css 控制文本显示

css 控制文本显示

 

 css 控制文本显示

 

相关文章:

  • 2021-06-10
  • 2022-02-25
  • 2021-12-22
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-10-23
  • 2021-12-26
  • 2021-05-20
  • 2022-12-23
  • 2022-12-23
  • 2021-10-02
  • 2020-07-12
相关资源
相似解决方案