美文网首页
左右定宽,中间自适应

左右定宽,中间自适应

作者: 考拉程序媛 | 来源:发表于2020-04-29 16:12 被阅读0次

    利用float+margin实现

    .left{width:100px;float:left;}
    .center{float:left;width:100%;margin-right:-200px;}
    .right{width:100px;float:right;}
    利用table实现

    .parent{width:100%;display:table;table-layout:fixed}
    .left,.center,.right{display:table-cell;}
    .left{width:100px;}
    .right{width:100px;}
    利用flex实现

    .parent{display:flex;}
    .left{width:100px;}
    .center{flex:1;}
    .right{width:100px;}

    相关文章

      网友评论

          本文标题:左右定宽,中间自适应

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