html中的4个div怎么分两行显示_CSS学习

资料来源：网络整理时间：2023/3/4 1:10:13 共计：3613 浏览

html中的4个div怎么分两行显示？

答案是需要按照以下步骤去操作:

首先是在html文件中依次按顺序创造4个div模块。

然后给每个div的宽度设置为50%，给所有的div设置display属性，属性值为flex，实现了弹性模式布局。最后给每个div设置flex-wrap属性，属性值是wrap。

因为弹性模式的布局是根据宽度进行自适应的，然而设置的每个div的宽度是50%，这样就达到了4个div分两行显示

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。