layui-inline的作用是什么
layui-inline是指layui表单中的inline元素,其作用就是使多个元素排成一行;inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,并且其宽度随元素的内容而变化。
本教程操作环境:windows7系统、layui2.5.6版,DELL G3电脑.
layui表单中的inline
inline:
inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化
<div> <div> <label>验证手机</label> <div> <input> </div> </div> <div> <label>验证邮箱</label> <div> <input> </div> </div> </div>
上面用到的是
页面结果是这样的:
就是两个输入框都在同一行。
推荐(免费):layui教程
文章推荐
-
layui的分页怎么用
layui是一个非常实用的前端开发库,利用它我们可以方便,简单的创建各种美观的前端ui,下面我们就来简单来看一个常用的分...
layui
5个月前 (11-16) 317 -
layui怎么设置checkbox勾选
方法1在返回的json中设置LAY_CHECKED为true,页面上的checkbox就是选中状态了。data":[ ...
layui
5个月前 (11-16) 203 -
layui怎么对弹出层显示数据
layui怎么对弹出层显示数据?下面给大家举个例子:<a>点击查看</a>function fu...
layui
5个月前 (11-16) 218 -
layui表格怎么清空
监听复选框事件:var checkedArr=[];table.on('checkbox(demo)', functio...
layui
5个月前 (11-16) 199 -
layui有什么主要功能
一、分页功能layui框架分页使用,其实layui分页非常简单只需要传入一个总页数就可以很好运用这个功能。下面就看一下我...
layui
5个月前 (11-16) 239
最新文章
- 微信三级分销系统产品详情页怎么开发? 2个月前 (03-13)
- 微信公众号-获取用户信息(网页授权获取)实现步骤 2个月前 (03-13)
- php微信公众号开发(2)百度BAE搭建和数据库使用 2个月前 (03-13)
- php微信公众号开发(3)php实现简单微信文本通讯 2个月前 (03-13)
- php微信公众号开发(4)php实现自定义关键字回复 2个月前 (03-13)
- php版微信小店调用api示例代码 2个月前 (03-13)
- php版微信小店API二次开发及使用示例 2个月前 (03-13)
- C# 微信公众号开发--准备工作 2个月前 (03-13)
- C#微信公众号开发--微信事件交互 2个月前 (03-13)
- C#微信公众号开发--网页授权(oauth2.0)获取用户基本信息一 2个月前 (03-13)