vue+element，标题超出部分使用省略号表示

单行标题

html界面：

<div class="grid-content">
	<div class="info-content">{{info.title}}</div>
</div>

css中：

.grid-content .info-content{
	width: 100%;    /*根据自己项目进行定义宽度*/
	overflow: hidden;     /*设置超出的部分进行影藏*/
	text-overflow: ellipsis;     /*设置超出部分使用省略号*/
	white-space:nowrap ;    /*设置为单行*/
}

界面效果：