如何利用css语法控制文本显示行数

如何利用css语法对文本内容的行数进行控制，下面web建站小编给大家详细介绍一下具体实现代码！

只显示一行，超出的显示省略号，复制以下代码就可以

div{
  display:block;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

只显示多行，复制以下代码就可以

div{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; // 控制行数样式，现在是2行
  -webkit-box-orient: vertical;
  word-break: break-all; 
}

上面是“如何利用css语法控制文本显示行数”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。

当前网址：https://m.ipkd.cn/webs_3478.html

声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！