解決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）
（經過多次測試，我感覺一個layui-input-item 就相當于換行）
2.按鈕表格等不設置css樣式，則默認占滿該行
以上這篇解決layui的input獨占一行的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
更改BootStrap popover的默認樣式及popover簡單用法
這篇文章主要介紹了更改BootStrap popover的默認樣式及popover簡單用法,需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細介紹了微信小程序用戶信息encryptedData的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
這篇文章主要為大家詳細介紹了原生js實現(xiàn)星星閃爍效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實現(xiàn)簡單輪詢操作的方法,以實例形式分析了輪詢操作的原理與javascript實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
微信小程序wxml不能使用Array.includes條件判斷解決方法
這篇文章主要為大家介紹了微信小程序wxml不能使用Array.includes條件判斷解決方法，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-11-11
JavaScript使用replace函數(shù)替換字符串的方法
這篇文章主要介紹了JavaScript使用replace函數(shù)替換字符串的方法,涉及javascript中replace函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單
這篇文章主要介紹了javascript實現(xiàn)日期三級聯(lián)動下拉框選擇菜單，實現(xiàn)JS年月日三級聯(lián)動下拉框選擇功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
js使用for循環(huán)查詢數(shù)組中是否存在某個值
IE8不支持indexOf，因此寫一個for循環(huán)來判斷是否存在，下面是代碼，經測試還不錯2014-08-08
javascript作用域是前端開發(fā)比較難理解的知識點，下面小編給大家提供五句話幫助大家很快的了解js作用域，非常不錯，具有參考借鑒價值，感興趣的朋友一起學習吧2016-07-07
本文給大家介紹js如何禁止查看網頁源代碼，并給大家分享了三種查看路徑的方法，本文給大家介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起看看吧2016-10-10