layui-inline的作用及用法

作者 : MOOMOO 本文共553个字,预计阅读时间需要2分钟 发布时间: 2022-05-3 共19人阅读

layui表单中的inline

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

  1. <div class=”layui-form-item”>
  2.     <div class=”layui-inline”>
  3.       <label class=”layui-form-label”>验证手机</label>
  4.       <div class=”layui-input-inline”>
  5.         <input type=”tel” name=”phone” class=”layui-input”>
  6.       </div>
  7.     </div>
  8.     <div class=”layui-inline”>
  9.       <label class=”layui-form-label”>验证邮箱</label>
  10.       <div class=”layui-input-inline”>
  11.         <input type=”text” name=”email” class=”layui-input”>
  12.       </div>
  13.     </div>
  14.   </div>

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

1. 本站所有资源来源于用户上传和网络,仅作为演示数据,如有侵权请邮件联系站长!
2. 本站客服QQ:4387159,唯一购买官网:MooMoo.TOP!
3. 盗版,破解有损他人权益和违法作为,请各位会员支持正版!
MooMoo » layui-inline的作用及用法

常见问题FAQ

是否支持共享资源赚外快?
本站支持任何人上传资源,一经采用即可展示,客户下单既有80%的提成。
可以免费教技术吗?
大家可以加群进行探讨共同进步,重点问题管理员会进行解答。
我是小白要怎么学习?
加群后做到不耻下问,看文章学习演示就能成为大佬。

发表评论