1.0.3 • Published 5 years ago
yhh-css v1.0.3
yhh-cs
CSS公共基础类和常用组装类npm下载
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 | 隐藏元素 |