layui 横向表单_layui框架中常见表单排版介绍

平常我们经常用到的表单排版方式常见的有两种，layui文档中已经给出垂直的排版方式，我们做后台的时候也会用到水平排版方式,用于在页面的顶部进行搜索的时候用到。推荐：layui教程

下面我们来看一下水平+垂直表单列表实现：

一、水平排版

html:

新增商品

状态：

启用

禁用

暂时

创建时间：

style="width: 240px;">

搜索

公共css:(包括主题颜色修改).fl { float: left; }

.fr { float: right; }

.mb10{ margin-bottom:10px;