HTML a标签内容文字超过使用...表示

// 一行显示,超出范围显示...
.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标签内容文字超过使用...表示)