
css
记录css难点 注意点
缘_妙不可言
js一统浆山
展开
-
css 添加滚动条,div添加滚动条, 自定义滚动条
.rows 的子元素高度必须高于 .rows 的高度, 才能出现滚动条.rows { 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);}.rows::-webkit-scrollbar {原创 2021-04-01 11:36:55 · 624 阅读 · 0 评论 -
swiper tab切换 实现左右tab切换和滚动
swiper左右滚动原创 2020-12-12 11:10:37 · 3401 阅读 · 0 评论 -
font-family字体-常用字体中英文对照表
设置font-family最好是使用英文, 以下收录常用字体中英文对照表华文细黑:STHeiti Light [STXihei]华文黑体:STHeiti华文楷体:STKaiti华文宋体:STSong华文仿宋:STFangsong儷黑 Pro:LiHei Pro Medium儷宋 Pro:LiSong Pro Light平方体: PingFang SC標楷體:BiauKai蘋果儷中黑:Apple LiGothic Medium蘋果儷細宋:Apple LiSung LightWi.原创 2020-07-22 12:04:40 · 4973 阅读 · 0 评论 -
flex弹性盒子 justify-content: space-between; 最后一排不满的处理
flex 布局两端对齐当最后一排数量不够时,会出现以下布局情况原图实现效果方案1:父级添加after伪类法,解决最后一排数量不够两端分布的情况html<div class="tem-flex"> <div class="tem-list" v-for="item in len">列表</div></div>jsd...原创 2020-05-07 14:38:03 · 3461 阅读 · 3 评论 -
css 文字省略 移动端使用
css 文字省略 移动端使用css代码 最多显示两行display: box;display: -webkit-box;box-orient: vertical;-webkit-box-orient: vertical;line-clamp: 2;-webkit-line-clamp: 2;overflow: hidden;使用老的弹性盒子display box 配合lin...原创 2020-05-07 11:46:55 · 215 阅读 · 0 评论