​layui表单的inline元素和block元素介绍

layui表单中的inline和block：

创新互联是一家成都网站制作、做网站，提供网页设计，网站设计，网站制作，建网站，定制网站制作，网站开发公司，于2013年创立是互联行业建设者，服务者。以提升客户品牌价值为核心业务，全程参与项目的网站策划设计制作，前端开发，后台程序制作以及后期项目运营并提出专业建议和思路。

block：

block元素会独自占一行，多个block元素各自新起一行，默认情况下 ，block元素宽度自动填充其父元素宽度

    单行输入框
    

      
    
  
  

    验证必填项
    

      
    
  

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

最终页面显示如下：

两个输入框是单独一行的。

inline：

inline元素不会独自占一行，多个相邻元素会排在同一行中，直到一行排不下，才会新换一行，其宽度随元素的内容而变化

    

      验证手机
      

        
      
    
    

      验证邮箱
      

        
      
    
  

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

页面结果是这样的：

就是两个输入框都在同一行。

以上就是layui表单中的inline和block介绍的详细内容，更多请关注创新互联其它相关文章！