<style>
div {
width: 150px;
border: 1px solid #ccc;
white-space: nowrap; //超出不换行
overflow: hidden; //超出隐藏,其余内容不可见
text-overflow: ellipsis; //文本溢出后用省略号显示
}
</style>
<div>文字文字文字文字文字文字文字文字</div>
<style>
div {
width: 150px;
border: 1px solid #ccc;
white-space: nowrap; //超出不换行
overflow: hidden; //超出隐藏,其余内容不可见
text-overflow: ellipsis; //文本溢出后用省略号显示
}
</style>
<div>文字文字文字文字文字文字文字文字</div>