美文网首页
布局相关

布局相关

作者: 王帅同学 | 来源:发表于2023-11-22 21:51 被阅读0次
    :root{
        --margin-right:15px;
        --margin-num:3;
    }
    ul{display: flex;flex-wrap: wrap;margin: 0 var(--margin-right);}
    h1{margin: calc(var(--margin-right) + calc(var(--margin-right)/2));}
    li{
        width: calc(100%/var(--margin-num) - var(--margin-right));
        margin-left: calc(var(--margin-right)/2);
        margin-right: calc(var(--margin-right)/2);
        margin-bottom: var(--margin-right);
    }
    

    相关文章

      网友评论

          本文标题:布局相关

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