songmengwen1124

css超出隐藏显示省略号

强制内容在一行,超出显示省略号:width: 300px; 

                overflow: hidden; /*超出部分隐藏*/

                text-overflow: ellipsis; /* 超出部分显示省略号 */

                white-space: nowrap; /*规定段落中的文本不进行换行 */


强制内容在五行,超出显示省略号:width: 200px; 

                overflow: hidden;

                text-overflowellipsis;

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

                -webkit-line-clamp: 5; /*设置需要显示的行数*/

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

分类:

技术点:

相关文章:

  • 2021-11-03
  • 2021-12-25
  • 2021-07-14
  • 2021-12-15
  • 2021-12-25
  • 2018-05-11
猜你喜欢
  • 2021-12-25
  • 2021-11-15
  • 2021-10-12
  • 2021-10-02
  • 2021-12-25
  • 2021-10-02
  • 2021-12-25
相关资源
相似解决方案