layui-inline的作用是什麼

layui-inline是指layui表單中的inline元素，其作用是使多個元素排成一行；inline元素不會獨自佔一行，多個相鄰元素會排在同一行中，直到一行排不下，才會新換一行，其寬度隨元素的內容而改變。

本教學操作環境：windows7系統、layui2.5.6版，DELL G3電腦.

layui表單中的inline

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" lay-verify="required|phone" autocomplete="off"
         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" lay-verify="email" autocomplete="off"
         class="layui-input">
      </div>
    </div>
  </div>

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

頁面結果是這樣的：

就是兩個輸入框都在同一行。

推薦（免費）：layui教學

#

以上是layui-inline的作用是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！