layui表單中的inline和block：

目前成都創(chuàng)新互聯(lián)公司已為超過千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計(jì)、柳南網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

block：

block元素會(huì)獨(dú)自占一行，多個(gè)block元素各自新起一行，默認(rèn)情況下 ，block元素寬度自動(dòng)填充其父元素寬度

    單行輸入框
    

      
    
  
  

    驗(yàn)證必填項(xiàng)
    

      
    
  

上面這段代碼中，用到了class="layui-input-block"

最終頁面顯示如下：

兩個(gè)輸入框是單獨(dú)一行的。

inline：

inline元素不會(huì)獨(dú)自占一行，多個(gè)相鄰元素會(huì)排在同一行中，直到一行排不下，才會(huì)新?lián)Q一行，其寬度隨元素的內(nèi)容而變化

    

      驗(yàn)證手機(jī)
      

        
      
    
    

      驗(yàn)證郵箱
      

        
      
    
  

上面用到的是 class="layui-input-inline"

頁面結(jié)果是這樣的：

就是兩個(gè)輸入框都在同一行。

以上就是layui表單中的inline和block介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司其它相關(guān)文章！

文章名稱：?layui表單的inline元素和block元素介紹-創(chuàng)新互聯(lián)
分享鏈接：http://weahome.cn/article/dddspo.html