- 为了使样式高呢更加美观,文字描述太长,剩下的文字可以使用…来代替
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"
显示样式(鼠标一上去后显示全部内容)