使文本溢出显示省略号
在实际开发中时常因获取到前台的data文字过长超出了div宽度导致页面结构出错
这时就需要把超出的文字省略并显示省略号了
body代码
<body>
<div>
<p>hahahaaahaahahahaa</p>
</div>
</body>
style代码
<style>
div{
width:100px;
height:50px;
background-color: red;
}
p{
overflow:hidden;/* 超出隐藏 */
white-space:nowrap;/* 强制在同一行显示 */
text-overflow:ellipsis;/* 省略号 */
}
</style>