css 使用CSS将文本长度限制为n行
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 使用CSS将文本长度限制为n行相关的知识,希望对你有一定的参考价值。
/*
* Refernce: http://stackoverflow.com/questions/3922739/limit-text-length-to-n-lines-using-css
* Demo: http://jsfiddle.net/csYjC/1131/
*/
.text {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: 16px; /* fallback */
max-height: 32px; /* fallback */
-webkit-line-clamp: 2; /* number of lines to show */
-webkit-box-orient: vertical;
}
以上是关于css 使用CSS将文本长度限制为n行的主要内容,如果未能解决你的问题,请参考以下文章
使用css在文本后创建行
CSS如何限制显示的文本字数
css. 如何控制文本框的长度, 先给个固定长的, 然后内容长/短了,文本框就跟着变长/短
如何为css中的文本设置特定的像素或字符宽度限制
css 文本超出容器长度后自动省略的方法!
React 组件中的 HTML 表格行没有响应我的 CSS 样式以限制内容的高度