解決layui的input獨(dú)占一行的問題
1.input標(biāo)簽獨(dú)占一行,與button標(biāo)簽無法同行顯示
(使用position屬性進(jìn)行設(shè)置,position屬性詳見。)
解決方法:
一.對(duì)button的position進(jìn)行設(shè)置,使之與input同行。
二.將input與button放在一個(gè)大div中,然后將input的div的class定義成layui-inline,button放在獨(dú)自的div里時(shí)也要定義div的class為layui-inline;
(如果想讓幾個(gè)input同行,就把他們放在一個(gè)大的div里,大的div的class為layui-input-item,然后設(shè)置每個(gè)包含input的div的屬性為layui-inline)
(經(jīng)過多次測(cè)試,我感覺一個(gè)layui-input-item 就相當(dāng)于換行)
2.按鈕表格等不設(shè)置css樣式,則默認(rèn)占滿該行
以上這篇解決layui的input獨(dú)占一行的問題就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
更改BootStrap popover的默認(rèn)樣式及popover簡(jiǎn)單用法
這篇文章主要介紹了更改BootStrap popover的默認(rèn)樣式及popover簡(jiǎn)單用法,需要的朋友可以參考下2018-09-09JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法
這篇文章主要介紹了JavaScript使用setInterval()函數(shù)實(shí)現(xiàn)簡(jiǎn)單輪詢操作的方法,以實(shí)例形式分析了輪詢操作的原理與javascript實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-02-02微信小程序wxml不能使用Array.includes條件判斷解決方法
這篇文章主要為大家介紹了微信小程序wxml不能使用Array.includes條件判斷解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-11-11JavaScript使用replace函數(shù)替換字符串的方法
這篇文章主要介紹了JavaScript使用replace函數(shù)替換字符串的方法,涉及javascript中replace函數(shù)的使用技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單
這篇文章主要介紹了javascript實(shí)現(xiàn)日期三級(jí)聯(lián)動(dòng)下拉框選擇菜單,實(shí)現(xiàn)JS年月日三級(jí)聯(lián)動(dòng)下拉框選擇功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04js使用for循環(huán)查詢數(shù)組中是否存在某個(gè)值
IE8不支持indexOf,因此寫一個(gè)for循環(huán)來判斷是否存在,下面是代碼,經(jīng)測(cè)試還不錯(cuò)2014-08-08只需五句話搞定JavaScript作用域(經(jīng)典)
javascript作用域是前端開發(fā)比較難理解的知識(shí)點(diǎn),下面小編給大家提供五句話幫助大家很快的了解js作用域,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-07-07JS禁止查看網(wǎng)頁源代碼的實(shí)現(xiàn)方法
本文給大家介紹js如何禁止查看網(wǎng)頁源代碼,并給大家分享了三種查看路徑的方法,本文給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧2016-10-10