摘要： 场景： 在使用 flex 布局时，当内容超出宽度时的换行问题 问题： flex 布局时，内容超过盒子宽度时，当内容为中文时会自动换行显示，而内容是一串英文字符或者数字时，就不会自动换行显示，如下图： <div class="grid"> <div class="grid-cell"> <span>F 阅读全文

摘要： 场景： 解决 IE11 下 使用 flex 布局 box-sizing 失效的问题 采用 flex 布局方式，每行呈现四个元素，超过个数就换行显示。布局大概如下图： ​ <div class="parent"> <div class="child"></div> <div class="child" 阅读全文