search

Home  >  Q&A  >  body text

css - How to use flex to implement a three-column layout, but the height of the child elements must be adaptive?

I want to use flex to implement the three-column layout in the picture. I currently encounter the following problems:

When the parent element sets display: flex, the height of the three columns is the same, and I want the height of the three columns to be the same. The height is adaptive. I tried setting flex-direction:colume and flex-flow:row nowrap but couldn't achieve the desired effect. Does anyone know how to set it?

滿天的星座滿天的星座2799 days ago1659

reply all(1)I'll reply

  • 我想大声告诉你

    我想大声告诉你2017-05-16 13:47:22

    It’s very simple
    If you don’t consider line breaks
    demo1

    reply
    0
  • Cancelreply