2021年12月07日
-
.box{width:200px;
overflow: hidden;
text-overflow:ellipsis;//文本溢出顯示省略號
white-space: nowrap;//文本不換行}
那如何實現多行文本溢出呢?<pre name="code" class="css">.proname {
display: -webkit-box;
-webkit-line-clamp: 2;//限制文本的行數,只顯示兩行
-webkit-box-orient: vertical;
overflow: hidden;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}