CSS - 父元素宽度自适应子元素宽度之和

直接添加`width: max-content;`声明就 OK,之前太单纯了。 * * * 最近碰见这样一个需求,要让图片横向排列设置 x 方向的滚动条滚动查看,原本当直接创建一个 IFC(inline,float 什么的)就解决了,搞了半天发现搞不定(IFC 也是不能父元素宽度自适应子元素宽度之和的,因为会换行。。),最后用 flex 解决了(然后又发现使用 table 也是可以的),然后学了两个新名词 GFC 和 FFC。。这里就说一下我的解决方法,给大家抛个砖。 # flex 在线演示:[Parent width adapt it's childern(flex)](https://codepen.io/1010543618/pen/GbQJgg)

img1 110*120

img2 140*110

img3 130*130

img4 90*150

# table 在线演示:[Parent width adapt it's childern(table)](https://codepen.io/1010543618/pen/JQpddw)

img1 110*120

img2 140*110

img3 130*130

img4 90*150

posted @ 2020-03-22 15:54  zjffun  阅读(3029)  评论(0编辑  收藏  举报