HTML a标签内容文字超过使用...表示
作者:
虫yu | 来源:发表于
2017-05-04 15:59 被阅读18次// 一行显示,超出范围显示...
.title{
width:100px;
display:block;
overflow:hidden;
word-break:keep-all;// 不折行
white-space:nowrap;
text-overflow:ellipsis;}
// 多行显示,在一些浏览器中-webkit 开头的设置无效,导致全部显示,所以overflow: hidden;配合height:30px;口感更加^_^
.info{
height: 30px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: break-all;// 折行
font-size: 13px;}
本文标题:HTML a标签内容文字超过使用...表示
本文链接:https://www.haomeiwen.com/subject/wffdtxtx.html
网友评论