CSS公共基础类和常用组装类
npm install yhh-css
import 'yhh-css'
类名(class) | 说明 |
---|---|
yhh-p-l-num | 左侧内边距,数值5-30,间隔为5,例yhh-p-l-5 |
yhh-p-r-num | 右侧内边距,数值5-30,间隔为5,例yhh-p-r-5 |
yhh-p-t-num | 上侧内边距,数值5-30,间隔为5,例yhh-p-t-5 |
yhh-p-b-num | 下侧内边距,数值5-30,间隔为5,例yhh-p-b-5 |
yhh-m-l-num | 左侧内边距,数值5-30,间隔为5,例yhh-p-l-5 |
yhh-m-r-num | 右侧内边距,数值5-30,间隔为5,例yhh-p-r-5 |
yhh-m-t-num | 上侧内边距,数值5-30,间隔为5,例yhh-p-t-5 |
yhh-m-b-num | 下侧内边距,数值5-30,间隔为5,例yhh-p-b-5 |
yhh-w-100 | 设置元素宽100% |
yhh-h-100 | 设置元素高100% |
yhh-p-r | 设置元素相对定位 |
yhh-c-p | 设置元素鼠标悬浮样式为 小手 |
yhh-f-l | 设置元素左浮动 |
yhh-f-r | 设置元素右浮动 |
yhh-t-a-l | 设置元素字体左对齐 |
yhh-t-a-r | 设置元素字体右对齐 |
yhh-t-a-c | 设置元素字体居中对齐 |
yhh-o-a | 设置元素垂直方向溢出滚动 |
yhh-o-h | 设置元素所有方向溢出隐藏 |
yhh-v-a-m | 设置图片图标垂直居中 |
yhh-v-a-b | 设置图片图标垂直和字体底部对齐 |
类名(class) | 说明 |
---|---|
yhh-flex-icon | 利用弹性布局使图标垂直居中 |
yhh-flex-start | 弹性布局,左对齐,顶部对齐,体现出常见的弹性流式布局 |
yhh-clearfix | 清除浮动,为父级元素添加 |
yhh-elip | 文本溢出省略 |
yhh-show | 显示块状元素 |
yhh-hide | 隐藏元素 |