flex布局flex布局可以实现响应式吗

我想在一个div里用flex方式做出这种布局，请教应该怎么做

???? ????????1 ???? ???? ????????2 ????????3 ????????4 ????????5 ????????6 ????????7 ???? 效果如图

如何解决前端的flex流动布局中的单个子元素位置

flex item的margin不与相邻flex item的折叠，margin为auto值时伸缩包含块剩余的空间将会分配到flex item的外边距margin上，这个可用于实现居中效果: .wrap{ display: flex; } .item{ margin: auto; } 同时，后面也说了，这将会使其旁边的flex item尽可能的往它的那边靠。

因此，要实现题主所说的布局，只要给第二个p元素一个margin-right:auto就行了

flex布局可以实现响应式吗

响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，随着现在各种终端的快速发展，做出一些能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要，这不仅使得自己的网站适应不同终端的能力更强，同时也为用户带来了良好的体验。

而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。

随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。