超出一行显示…
<style>
.content {
width: 50px;
}
.text {
width: 50px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
</style>
<div class="content">
<div class="text">这个很大,这个很大,这个很大</div>
</div>
超出多行显示…
<style>
.content {
width: 50px;
}
.text {
text-align: center;
display: -webkit-box;
-webkit-line-clamp: 2; // 改成你的行数
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break:break-all; // 英文要加这个
}
</style>
<div class="content">
<div class="text">这个很大,这个很大,这个很大</div>
</div>