css - flex 踩坑

css - flex 踩坑

flex-shrink

  1. flex-shrink: 0 会导致元素宽度 无限拉长，不显示滚动或隐藏

ex

demo



  
    
    
    
    flex-shrink 踩坑
  
  
    
    `flex-shrink: 0` 会导致元素宽度 无限拉长，不显示滚动或隐藏 例举，问题和正常情况代码
    

    

      
left

      

        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut
          similique, quae eum, ullam aliquam aliquid veritatis magni dicta quod
          dolores debitis praesentium consequatur amet non fuga eos nostrum.
          Odio, sit?
        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut
          similique, quae eum, ullam aliquam aliquid veritatis magni dicta quod
          dolores debitis praesentium consequatur amet non fuga eos nostrum.
          Odio, sit?
      

    

    

      
left

      

        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ut
          similique, quae eum, ullam aliquam aliquid veritatis magni dicta quod
          dolores debitis praesentium consequatur amet non fuga eos nostrum.
          Odio, sit?
CSSscss

相关

DOM修改 使用DOM操作CSS

HTML和CSS

1.css布局技巧

Scss支持多主题切换的方案实现

google icons 的使用 和 css 设置图标为 loading 状态

node-scss npm的时候报错

CSS设置文字超出部分自动换行

整理gulp自动化构建工具(包含PostCss)

CSS背景属性

css中溢出的处理

51-Web基础-CSS

CSS3与页面布局学习总结（四）——页面布局大全

标签