样式笔记

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;
上一篇下一篇

猜你喜欢

热点阅读