当flexbox项以列模式换行时,容器不会增加宽度

Hack解决办法:

.flex-container {
  display: flex;
  flex-wrap: wrap;
  writing-mode: vertical-lr;
  text-orientation: upright;
}

.flex-item * {
    writing-mode: horizontal-tb;
}

转自StackOverflow

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS 面试题汇总 1. 介绍下 BFC 及其应用 参考答案:参考答案:所谓 BFC,指的是一个独立的布局环境,...
    5cc9c8608284阅读 876评论 0 1
  • How does CSS actually work? When a browser displays a doc...
    益生菌宝阅读 256评论 0 0
  • 第一章 复杂选择器 一、兄弟选择器:具备相同父元素的元素 ① 特点:1、通过位置关系来匹配元素(平级关系) ...
    fastwe阅读 870评论 0 0
  • 姓名:岳沁 学号:17101223458 转载自:https://juejin.im/entry/5a328f1c...
    丘之心阅读 374评论 0 0
  • 英文原文:A Visual Guide to CSS3 Flexbox Properties译文地址:http:/...
    IT程序狮阅读 658评论 3 5

友情链接更多精彩内容