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/