導讀:后端開發后端開發layui-inline是指layui表單中的inline元素，其功能是將多個元素排成一行；inline元素不會單獨占用一行，多個相鄰元素會排在同一行，直到一行網站seo優化網站推廣優化seo。

layui-inline是指layui表單中的inline元素，其功能是將多個元素排成一行；inline元素不會單獨占用一行，多個相鄰元素會排在同一行，直到一行排不下，它們的寬度會隨著元素的內容而變化。

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

layui表單中的inlinene

inline：

inline元素不會單獨占據一行，多個相鄰元素會排在同一行，直到一行不能排除，它們的寬度會隨著元素的內容而變化網seo優化趨勢

<div class="layui-form-item&quo網站建設公司t;>seo網站優化; <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作用的詳細內容。請關注861模板網的其他相關文章！

相關網站seo優化網站推廣優化seo。

關鍵詞標簽: 元素 后端開發 inline