layui表單中的inline和block：

創(chuàng)新互聯(lián)是一家成都網(wǎng)站制作、做網(wǎng)站，提供網(wǎng)頁設(shè)計(jì)，網(wǎng)站設(shè)計(jì)，網(wǎng)站制作，建網(wǎng)站，定制網(wǎng)站制作，網(wǎng)站開發(fā)公司，于2013年創(chuàng)立是互聯(lián)行業(yè)建設(shè)者，服務(wù)者。以提升客戶品牌價(jià)值為核心業(yè)務(wù)，全程參與項(xiàng)目的網(wǎng)站策劃設(shè)計(jì)制作，前端開發(fā)，后臺(tái)程序制作以及后期項(xiàng)目運(yùn)營并提出專業(yè)建議和思路。

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)其它相關(guān)文章！