在Layui中，除了layui-card之外，还有许多其他自带的DIV风格 - 深圳全飞鸿

深圳全飞鸿

标题:

作者:

时间:

标题:

[backcolor=rgba(255, 255, 255, 0.57)]在Layui中，除了layui-card之外，还有许多其他自带的DIV风格。以下是一些常用的Layui自带的DIV样式：

基础栅格系统

列宽类：如layui-col-md12, layui-col-md6, layui-col-md4, layui-col-md3, layui-col-md2, layui-col-md1等
[size=0.75]
。这些类用于定义栅格系统中的列宽度。
间隔类：如layui-col-space5, layui-col-space10, layui-col-space15, layui-col-space20, layui-col-space30等
[size=0.75]
。这些类用于设置列之间的间隔。

布局容器

行类：如layui-row，用于创建水平排列的行
[size=0.75]
。
列类：如layui-col-xs12, layui-col-xs6, layui-col-xs4, layui-col-xs3, layui-col-xs2, layui-col-xs1等
[size=0.75]
。这些类用于在不同屏幕尺寸下调整列的宽度。

表单控件

输入框类：如layui-input, layui-textarea等
[size=0.75]
。这些类用于自定义表单输入框和文本域的样式。
按钮类：如layui-btn, layui-btn-primary, layui-btn-danger等
[size=0.75]
。这些类用于自定义按钮的样式和颜色。

导航菜单

侧边栏类：如layui-nav, layui-nav-tree, layui-nav-item等
[size=0.75]
。这些类用于创建和管理导航菜单。
面包屑导航类：如layui-breadcrumb, layui-breadcrumb-home, layui-breadcrumb-child等
[size=0.75]
。这些类用于创建面包屑导航。

表格组件

表格类：如layui-table, layui-table-cell, layui-table-header等
[size=0.75]
。这些类用于自定义表格的样式和单元格样式。
表格工具类：如layui-table-fixed, layui-table-hover等
[size=0.75]
。这些类用于添加固定表头和悬停效果等功能。

模态框

模态框类：如layui-layer, layui-layer-title, layui-layer-content等
[size=0.75]
。这些类用于创建和管理模态框。
提示框类：如layui-layer-msg, layui-layer-alert等
[size=0.75]
。这些类用于显示提示信息或警告消息。

卡片组件

卡片类：如layui-card, layui-card-header, layui-card-body等
[size=0.75]
。这些类用于创建和管理卡片组件。
卡片内容类：如layui-card-footer, layui-card-shadow等
[size=0.75]
。这些类用于自定义卡片的内容和阴影效果。

进度条

标签页

标签页类：如layui-tab, layui-tab-title, layui-tab-content等
[size=0.75]
。这些类用于创建和管理标签页。
标签页颜色类：如layui-tab-more, layui-tab-close等
[size=0.75]
。这些类用于自定义标签页的颜色和关闭按钮样式。

[backcolor=rgba(255, 255, 255, 0.57)]总结来说，Layui提供了丰富的DIV样式，涵盖了从基础栅格系统到复杂的组件样式。通过合理使用这些样式，可以快速构建出美观且功能丰富的网页界面。

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)