html中的4個div怎么分兩行顯示?
答案是需要按照以下步驟去操作:
首先是在html文件中依次按順序創造4個div模塊。
然后給每個div的寬度設置為50%,給所有的div設置display屬性,屬性值為flex,實現了彈性模式布局。最后給每個div設置flex-wrap屬性,屬性值是wrap。
因為彈性模式的布局是根據寬度進行自適應的,然而設置的每個div的寬度是50%,這樣就達到了4個div分兩行顯示
html中的4個div怎么分兩行顯示?
答案是需要按照以下步驟去操作:
首先是在html文件中依次按順序創造4個div模塊。
然后給每個div的寬度設置為50%,給所有的div設置display屬性,屬性值為flex,實現了彈性模式布局。最后給每個div設置flex-wrap屬性,屬性值是wrap。
因為彈性模式的布局是根據寬度進行自適應的,然而設置的每個div的寬度是50%,這樣就達到了4個div分兩行顯示