利用css设置内容超出后显示省略号的解决办法

找到<title>标签，在这个标签下面创建一个<style>标签，在<style>标签里设置class为cont的样式内容超出后为隐藏

<style>

.cont{

overflow: hidden;/*内容超出后隐藏*/

text-overflow: ellipsis;/* 超出内容显示为省略号*/

white-space: nowrap;/*文本不进行换行*/
width:300px; height:30px;/*设置文字显示的区域宽度和高度*/

}

</style>