てんぷろぐ - Tegalog Skin Demo -

てがろぐを利用しています

新規投稿 管理用

No.317

Icon of admin えむおか

No.317

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にコード書いても表示崩れなくなったはず…

by admin. ⌚2025年6月13日(金) 08:06:58〔12日前〕 memo ＜323文字＞ 編集

« No.316 / No.318 »

初期表示に戻る

DASHBOARD

■複合検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

■新着画像リスト：

全68個 （総容量 10.1MB）

■日付一覧：

■日付検索：

■カレンダー：

2025年6月
日月火水木金土
1234567
891011121314
15161718192021
22232425262728
2930
« 前の月 / 次の月 »

■ハッシュタグ：

■カテゴリ：

■最近の投稿：

■Free space

ここは管理画面の「フリースペース」に書いた内容です

総記事数：1

編集

▼現在の表示条件での投稿総数：

1件

▼最後に投稿または編集した日時：

2025年6月23日(月) 00:33:10〔2日前〕

▼特殊な表示モード：

RSSフィード