解決layui的input獨占一行的問題
更新時間：2019年09月10日 09:05:52 作者：Ivan伊凡
今天小編就為大家分享一篇解決layui的input獨占一行的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
1.input標簽獨占一行，與button標簽無法同行顯示
（使用position屬性進行設置，position屬性詳見。）
解決方法：
一.對button的position進行設置，使之與input同行。
二.將input與button放在一個大div中，然后將input的div的class定義成layui-inline，button放在獨自的div里時也要定義div的class為layui-inline；
（如果想讓幾個input同行，就把他們放在一個大的div里，大的div的class為layui-input-item，然后設置每個包含input的div的屬性為layui-inline）
（經(jīng)過多次測試，我感覺一個layui-input-item 就相當于換行）
2.按鈕表格等不設置css樣式，則默認占滿該行
以上這篇解決layui的input獨占一行的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要為大家詳細介紹了原生JS實現(xiàn)圖片輪播效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別
這篇文章主要介紹了JavaScript中ES6規(guī)范中l(wèi)et和const的用法和區(qū)別，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-08-08
常見的重復提交問題如點擊提交按鈕兩次、點擊刷新按鈕等等，下面為大家整理了防止表單重復提交的方法，感興趣的朋友可以參考下2013-11-11
這篇文章主要為大家詳細介紹了基于JavaScript制作可以延時消失的菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
這篇文章主要介紹了javascript 判斷當前瀏覽器版本并判斷ie版本的相關資料,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了JS中==、===你分清楚了嗎,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
asp(javascript)全角半角轉換代碼 dbc2sbc
asp與javascript 全角半角處理代碼2009-08-08
這篇文章主要介紹了JS實現(xiàn)圖片懶加載(lazyload)過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-04-04
JS動態(tài)解析多層級json數(shù)據(jù)生成html頁面
在Web前端開發(fā)中,動態(tài)解析JSON數(shù)據(jù)并生成HTML頁面是一項常見的任務,通過JavaScript處理多層級的JSON數(shù)據(jù)結構,不僅可以提升用戶體驗,還能實現(xiàn)靈活的內(nèi)容展示和交互功能,本文將深入探討如何使用JavaScript解析復雜的JSON數(shù)據(jù),并將其動態(tài)渲染為HTML頁面2025-02-02
Draggable Elements 元素拖拽功能實現(xiàn)代碼
雖說js框架到處都是, 都封裝了很多實用的功能,能快速的讓我們實現(xiàn)如動畫,元素拖拽等功能, 不過由于好奇心的驅使, 有時想一探究竟, 看看一些功能是如何實現(xiàn)的2011-03-03