Navigation

    云、贵、川、渝IT人的圈子
    • Register
    • Login
    • Search
    • 主页
    • 问答
    • 话题
    • 热门
    • 圈子
    • 招聘
    • 活动
    • 项目

    flex 布局如何让两个元素自动占满高度?

    技术答疑
    2
    2
    46
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • 真
      真的还是假的 last edited by

      如图,是一个列表项,这个列表项里面,list-item 的高度是固定的,但是里面的图片和内容高度不固定,用样式如何做到不限定高度的情况下,让 img 和 p 自动填满 list-item呢?

      <div class="list-item">
        <!-- 封面 -->
        <img src="" alt="">
        <!-- 内容 -->
        <p>卡片内容</p>
      </div>
      
      1 Reply Last reply Reply Quote 0
      • S
        songjinzang14 last edited by

        .list-item {
          display: flex;
          /*这个属性可以让内容上下铺满*/
          align-items: stretch;
        }
        
        1 Reply Last reply Reply Quote 0
        • First post
          Last post
        S
        真
        8
        玻
        U
        A
        大
        A
        黑
        低
        天
        白
        快
        爱
        白
        美
        此
        荒
        为
        哭
        柳
        无
        真

        社群
        昆明网页设计交流吧
        友情链接
        • Funtask
        • Funtask 社区
        • SUWIS
        • 云南北大青鸟
        ©2019-2020 滇ICP备20006698号