分项100个常见的CSS页面布局（代码+截图）
目录
第1个：一个大div中有4个小div，4个小div并列在大div中，上下左右都居中
第2个：一个大div中有4个小div，4个小div分散并列在大div中，上下左右都居中
第3个：布局相同高度的列，也是我们业务中常见的需求，如下图所示：
第4个：卡片布局，自动换行
Demo是在vue中实现的，可直接拷贝使用
第1个：一个大div中有4个小div，4个小div并列在大div中，上下左右都居中
ABCD
第2个：一个大div中有4个小div，4个小div分散并列在大div中，上下左右都居中
ABCD
第3个：布局相同高度的列，也是我们业务中常见的需求，如下图所示：
封面：内容：底部列:封面：可以是个图片
内容：
滚滚长江东逝水，浪花淘尽英雄；
是非成败转头空，青山依旧在，几度夕阳红。底部列封面：内容：底部列:封面：内容：底部列:
第4个：卡片布局，自动换行
AAAAbbbbbbbbbbbbbbbbbbbbbbbb
参考文章：https://blog.csdn.net/Ed7zgeE9X/article/details/123038480
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！