单行文字可以通过设置max-width和溢出ellipsis来使用截断方法,代码如下
p {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
}多行文本可以使用以下代码,代码中截取的是3行,代码如下
p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。
相关文章
display:inline-block 水平居中无效的解决办法2019-03-07
CSS中font-family:中文字体的英文名称 2018-11-06
css3 nth-child选择器2018-11-04
CSS3 transform多种组合2018-10-26
scrollbar CSS美化(仿Safari样式)2013-10-28
CSS样式在IE6中失效的解决方案2013-05-06
chrome margin失效的解决办法2013-04-19
使用css调整文字间距2013-04-10
div 垂直居中完美解决办法2013-03-18
background 透明,文字不透明2012-06-03