美文网首页
样式笔记

样式笔记

作者: 青城墨阕 | 来源:发表于2020-05-13 21:10 被阅读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;

相关文章

  • 康耐尔笔记法精髓2018-03-29

    一、笔记样式 二、精华5步

  • 样式笔记

  • 29 进阶:用jQuery做个轮播

    课堂笔记 设计页面的原则: 内容、样式、行为的分离;即html负责内容,css负责样式,JavaScript负责行...

  • 学会开发静态网页

    小测笔记 h1标签使用 ui header 样式,对 p 标签使用 medium header 样式,对图片-标签...

  • CSS 自学笔记(上)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 1. 简介 CSS 是层叠样式表...

  • Html&CSS(二)

    本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...

  • CSS样式笔记

    一.常用方法 1.div相对于父元素居中方式(有多种方式,记录自己常用的): 子绝父相,margin: auto ...

  • 前端样式笔记

    1.未知宽度元素保持宽高一致(自适应高度) 2.文字裁切样式 3.文字单行、多行溢出隐藏 4.元素裁切 5.深度选...

  • css 样式笔记

    使用 letter-spacing 时,内容最后会多一段空白比如 letter-spacing: 14px; 内容...

  • Css(Css3)基础笔记(一)

    Css(层叠样式表) 本文多以图片为主,想看实体文字,可进入我的有道云笔记 层叠样式表(英文全称:Cascadin...

网友评论

      本文标题:样式笔记

      本文链接:https://www.haomeiwen.com/subject/vcaonhtx.html