摘要: 场景: 在使用 flex 布局时,当内容超出宽度时的换行问题 问题: flex 布局时,内容超过盒子宽度时,当内容为中文时会自动换行显示,而内容是一串英文字符或者数字时,就不会自动换行显示,如下图: <div class="grid"> <div class="grid-cell"> <span>F 阅读全文
posted @ 2021-02-04 11:09 北极星333y 阅读(1199) 评论(0) 推荐(0) 编辑
摘要: 场景: 解决 IE11 下 使用 flex 布局 box-sizing 失效的问题 采用 flex 布局方式,每行呈现四个元素,超过个数就换行显示。布局大概如下图: ​ <div class="parent"> <div class="child"></div> <div class="child" 阅读全文
posted @ 2021-02-04 11:02 北极星333y 阅读(440) 评论(0) 推荐(0) 编辑