美文网首页
columns 多列布局

columns 多列布局

作者: 徐福瑞 | 来源:发表于2020-11-24 15:15 被阅读0次

    语法:
    columns:<column-width> || <column-count>
    多列布局columns属性参数主要就两个属性参数:列宽和列数。

    .columns {
      width: 500px;
      padding: 5px;
      border: 1px solid green;
      margin: 20px auto; 
      -webkit-columns: 150px 3;
      -moz-columns: 150px 3;
      -o-columns:150px 3;
      -ms-columns: 150px 3;
      columns: 150px 3;
    }
    
    image.png

    相关文章

      网友评论

          本文标题:columns 多列布局

          本文链接:https://www.haomeiwen.com/subject/cfwiiktx.html