文字超出部分显示为小点

分两种情况，如果只需要展示一行内容，就可以使用下边的第一种方法；如果要显示的内容为多行，就需要使用第二种方法，设置文字要展示的行数，其余的部分转换为省略号。

补充：第二种方式也可以设置为只显示一行。

一、只显示一行内容

div {
	width: 200px;
    white-space:nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
}

效果图

二、显示多行内容

.booklist .book .name{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    // 这个表示要显示的文字为两行
    -webkit-line-clamp:2;
    line-height: 50rpx;
}

效果图