layui

layui-inline的作用及用法就是多个相邻元素会排在同一行中,宽度随元素的内容而变化。

layui-inline的作用及用法

layui-inline的作用及用法就是多个相邻元素会排在同一行中,宽度随元素的内容而变化。

layui表单中的inline

inline元素不会独自占一行,多个相邻元素会排在同一行中,直到一行排不下,才会新换一行,其宽度随元素的内容而变化

<div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">验证手机</label>
      <div class="layui-input-inline">
        <input type="tel" name="phone" class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">验证邮箱</label>
      <div class="layui-input-inline">
        <input type="text" name="email" class="layui-input">
      </div>
    </div>
  </div>

上面用到的是 class="layui-input-inline"就是两个输入框都在同一行。

本文属原创,转载请注明原文:https://www.zhimatong.com/jiaocheng/479.html

为保证教程的实用性及扩大知识面覆盖,如果您有相似问题而未解决,可联系在线客服免费技术支持。

内容有用

联系
顾问

在线
客服
账号登录

没有账号?立即注册

忘记密码

登录即同意用户协议没有账号? 立即注册
账号注册
我已阅读并同意用户协议
立即注册
注册即同意用户协议已有账号? 立即登录
找回密码

操作步骤:邮箱验证->设置新密码

注册即同意用户协议已有账号? 立即登录