样式笔记
2020-05-13 本文已影响0人
青城墨阕
// 1.可滑动
.scroll {
max-height: 928px;
overflow: hidden;
/* 使之可以滚动 */
overflow-y: scroll;
/* 增加该属性,可以增加弹性,是滑动更加顺畅 */
-webkit-overflow-scrolling: touch;
}
// 2.不可换行
white-space: nowrap;
word-break: normal;
// 3.可换行
word-break: break-all;
word-wrap: break-word;
// 4.单行。。。
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
// 5.多行。。。
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
// 6.html标签可写:
-webkit-user-modify: read-write;