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>

上面用到的是 class="layui-input-inline"

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

页面结果是这样的：

就是两个输入框都在同一行。

推荐（免费）：layui教程