flexで段組して可変のカラムにpre入れたときにpreの内容によって横幅が際限なく伸びていく件

memo 読上
flexで段組して可変のカラムにpre入れたときにpreの内容によって横幅が際限なく伸びていく件
参考にしたページ(最小幅指定する・FlexBox枠内のPreタグ領域がFlexBoxの枠をはみ出してしまう現象の回避方法 - CSS Tips | iPentec )試したけど駄目で結局親にコンテナクエリ設定してpreの幅指定を親幅(100cqi)にしたことで解決した #CSS
.onelogbox {
   container-type: inline-size;
   pre {
   max-width: 100cqi;
   overflow: auto!important;
   }
}

これでXmodoki2にコード書いても表示崩れなくなったはず…
    最上部へ 最下部へ