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几乎没用到浮动)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值