1. 首页 > 快讯

flex布局菜鸟教程(flex布局图片居中)

如何优化图片包裹的样式,使其美观整洁

对于 "

" 这种样式,想要图片包裹起来,可以参考以下方法:

将整个盒子采用 flex 布局,然后将包裹图片的小盒子设置 flex-shrink: 0 和 flex-grow: 0,这样小盒子就不会因内容多少而影响大小。最后,给小盒子添加一个负值的 margin-left,就可以实现图片的包裹效果。

本文采摘于网络,不代表本站立场,转载联系作者并注明出处:https://www.iotsj.com//kuaixun/6553.html

联系我们

在线咨询:点击这里给我发消息

微信号:666666