随笔分类 -  css

flex:1 内容不要撑开
摘要：.content { flex: 1; overflow: hidden； } 阅读全文
posted @ 2019-10-14 17:37 霜末之冬 阅读(2012) 评论(0) 推荐(0)
flex
摘要：之前觉得可以用文档流和定位布局可以做出flex的任何布局类型，但是现在醒悟了尝试熟练flex布局，此文会记录自己flex从0→1的过程。 flex 的核心的概念就是 容器 和 轴。容器包括外层的 父容器 和内层的 子容器，轴包括 主轴 和 交叉轴，可以说 flex 布局的全部特性都构建在这两个概念上 阅读全文
posted @ 2018-07-05 16:09 霜末之冬 阅读(386) 评论(0) 推荐(0)
移动端滚动条显示
摘要：.rows { width:300px; height: 230px; overflow: hidden; overflow-y: auto; } .rows::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0... 阅读全文
posted @ 2018-05-07 17:12 霜末之冬 阅读(457) 评论(0) 推荐(0)
span里面插入文字
摘要：.text-box span::before{ content:attr(data-text);} 阅读全文
posted @ 2018-03-02 09:53 霜末之冬 阅读(473) 评论(0) 推荐(0)
弹性布局
摘要：/* 开启弹性布局的换行 */ flex-wrap: wrap; /* 变为多行了 无法使用 align-items 进行位置设置 align-content 在多行的时候 设置属性 跟 justify-content 一模一样 如果只有 一行时 无法生效 */ /* 调整元素 在主轴上的 排布方式 flex-end 到主轴的末尾 flex-star... 阅读全文
posted @ 2018-03-02 09:53 霜末之冬 阅读(155) 评论(0) 推荐(0)
定义高亮颜色
摘要：/*怎么定义高亮的颜色*/-webkit-tap-highlight-color: transparent;/*透明 其实就是不显示颜色*/-webkit-tap-highlight-color: red; 阅读全文
posted @ 2018-03-02 09:42 霜末之冬 阅读(567) 评论(0) 推荐(0)
单行溢出 和多行溢出
摘要：/*单行溢出*/ .one_txt_cut { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .txt_cut { display: -webkit-box; word-break: break-all; -web 阅读全文
posted @ 2018-03-02 09:41 霜末之冬 阅读(183) 评论(0) 推荐(0)
ios兼容问题
摘要：滑动卡顿： 阅读全文
posted @ 2017-11-24 17:48 霜末之冬 阅读(130) 评论(0) 推荐(0)