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

2024年04月20日 建站教程

如何利用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; 
}

本文链接:http://so.lmcjl.com/news/2684/

展开阅读全文
相关内容