css文字限制长度代码

CSS是网页开发中必不可少的技术之一，可以用来美化网页的样式，并且还可以限制文字的长度。下面我们来看看如何通过CSS来限制文字的长度。

限制单行文字长度：.text{
    white-space: nowrap;
     // 不换行overflow: hidden;
     // 超出部分隐藏text-overflow: ellipsis;
     // 用省略号代替max-width: 200px;
 // 最大宽度是200px}
限制多行文字长度：.text{
    display: -webkit-box;
    -webkit-box-orient: vertical;
     // 垂直方向-webkit-line-clamp: 2;
     // 行数overflow: hidden;
     // 超出部分隐藏text-overflow: ellipsis;
     // 用省略号代替max-height: 40px;
 // 最大高度是40px}
    

以上是CSS限制文字长度的两种代码，可以根据需求自由选择使用。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！