网站快报 :显示文字多余文字进行隐藏

1. 为了使样式高呢更加美观,文字描述太长,剩下的文字可以使用…来代替
   
   css样式:
   
   代码:

  .news li a {
    display: block; /* 当前元素本身是inline的，因此需要设置成block模式 */
    white-space: nowrap; /* 因为设置了block，所以需要设置nowrap来确保不换行 */
    overflow: hidden; /* 超出隐藏结合width使用截取采用效果*/
    text-overflow: ellipsis; /* 本功能的主要功臣，超出部分的剪裁方式 */
    -o-text-overflow: ellipsis; /* 特定浏览器前缀 */
    text-decoration: none; /* 无用 */
  }

2.让隐藏的文字可以美观的显示出来 加入:title="news.title"

显示样式(鼠标一上去后显示全部内容)