zoukankan      html  css  js  c++  java
  • CSS

    直接添加` 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

  • 相关阅读:
    超级英雄Hero
    2019 CSP-J 游记(CQ LNBS考场 的退役之战)
    一文梳理Web存储,从cookie,WebStorage到IndexedDB
    一文梳理同源策略与跨域技术
    一文梳理JavaScript中的this
    一文梳理JavaScript 事件循环(Event Loop)
    简单梳理JavaScript垃圾回收机制
    一文梳理JS事件
    src与href
    深入理解CSS定位—浮动模型
  • 原文地址:https://www.cnblogs.com/jffun-blog/p/10204027.html
Copyright © 2011-2022 走看看