Layui:CSS内置公共基础类

按常用顺序排列

杂类

lay-submit	定义一个触发表单提交的button,不用填写值
lay-filter=" "	事件过滤器。你可能会在很多地方看到他,他一般是用于监听特定的自定义事件。你可以把它看作是一个ID选择器
lay-skin=" "	定义相同元素的不同风格,如checkbox的开关风格


辅助类

layui-elip	用于单行文本溢出省略
layui-icon	用于图标
layui-disabled	用于设置元素不可点击状态
layui-show	用于显示块状元素
layui-hide	用于隐藏元素
layui-unselect	用于屏蔽选中
layui-circle	用于设置元素为圆形

文本类

layui-text	定义一段文本区域(如文章),该区域内的特殊标签(如a、li、em等)将会进行相应处理
layui-word-aux	灰色标注性文字,左右会有间隔

背景色

layui-bg-red	用于设置元素赤色背景
layui-bg-orange	用于设置元素橙色背景
layui-bg-green	用于设置元素墨绿色背景(主色调)
layui-bg-cyan	用于设置元素藏青色背景
layui-bg-blue	用于设置元素蓝色背景
layui-bg-black	用于设置元素经典黑色背景
layui-bg-gray	用于设置元素经典灰色背景

布局类

layui-main	用于设置一个宽度为 1140px 的水平居中块(无响应式)
layui-inline	用于将标签设为内联块状元素
layui-btn-container	用于定义按钮的父容器。(layui 2.2.5 新增)
layui-btn-fluid	用于定义流体按钮。即宽度最大化适应。(layui 2.2.5 新增)
layui-box	用于排除一些UI框架(如Bootstrap)强制将全部元素设为box-sizing: border-box所引发的尺寸偏差
layui-clear	用于消除浮动(一般不怎么常用,因为layui几乎没用到浮动)

你可能感兴趣的:(LayUI)