Skip to content

Latest commit

 

History

History
49 lines (43 loc) · 1.89 KB

README.MD

File metadata and controls

49 lines (43 loc) · 1.89 KB

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