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 | 隐藏元素 |