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 ;    /*設置爲單行*/
}

界面效果：