リクエスト広場

cssboxのoverflow系対応

0 コメント
views
9 フォロー

cssboxでoverflow系を対応をして欲しいです。
htmlは詳しくないですが、以下のようなものをイメージしています。
https://developer.mozilla.org/ja/docs/Web/CSS/overflow

例えば以下のような使い方
高さを制限して、はみ出た文章をbox内スクロールで表示

#cssbox("overflow: scroll; height: 100px;"){{
長大な内容
}}

利用例

  • 長いページ
    例えば見出しが10個くらいあり、各内容が100行くらいあるようなページ(1000行)は、全体が長くなりすぎて見通しが悪くなります。
    これを各見出し毎にcssboxで囲い、高さを10行くらいで制限できれば、ページが100行くらいに圧縮されます。
    各見出しの出しで概要だけ把握したり、不要な見出しは読み飛ばしたりなど。

  • 左右比較
    boxを左右に並べて、左右それぞれの表示を任意の高さに合わせて比較など。

  • 画像を縦に並べて右に説明を付け
    boxの高さを画像の大きさで制限すれば、説明文が長くなっても画像の収まりが良い。
    例えば人物一覧みたいなページ。画像を主としてそれが一定間隔で並んで欲しく、説明文の量により高さが変動してほしくないなど。

  • tab
    tabの内側の表示高さを制限できれば、tab内を読み進んでもtabラベルの高さがズレれないためtab切替がしやすくなる(のではないか)。

現状height、min-height、max-heightで高さ指定できますが、これらを使ってもイメージしたものはできませんでした。

01v
作成: 2025/07/07 (月) 00:55:15
最終更新: 2025/07/07 (月) 01:37:52
通報 ...
要望は具体的な提案や理由を書いて下さい。
×