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

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

本教程操作環(huán)境：windows7系統(tǒng)，layui2.5.6版，DELL G3電腦.

layui表單中的inlinene

inline：

inline元素不會單獨占據(jù)一行，多個相鄰元素會排在同一行，直到一行不能排除，它們的寬度會隨著元素的內(nèi)容而變化網(wǎng)seo優(yōu)化趨勢

<div class="layui-form-item&quo網(wǎng)站建設(shè)公司t;>seo網(wǎng)站優(yōu)化; <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"

頁面結(jié)果如下：

也就是說，兩個輸入框在同一行。

推薦(免費)：layui教程

以上是layui-inline作用的詳細內(nèi)容。請關(guān)注861模板網(wǎng)的其他相關(guān)文章！

相關(guān)網(wǎng)站seo優(yōu)化網(wǎng)站推廣優(yōu)化seo。

關(guān)鍵詞標(biāo)簽: 元素 后端開發(fā) inline