溢出隐藏,加省略号
<div title="提示文本" class="ellipsis">这是文字这是文字这是文字这是文字</div>
溢出隐藏,加滚动条
<div class="auto">这是文字这是文字这是文字这是文字这是文字</div>
css样式
div{
width:150px;
height:50px;
margin:100px auto;
border:1px dashed red;
padding:0 5px;
box-sizing: border-box;
}
.ellipsis{
line-height: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.auto{
overflow: auto;
}