(119) CSSで width, heightを計算式で決める。

投稿者: | 2022年3月11日

796 views

この記事は最終更新から 1414日 が経過しています。

1. やりたいこと

要素の縦横サイズを文字数を考慮して決めたい。

2. やってみる

例1 : 画面幅全体から15文字分だけ狭くしたい。

CSSで calc() を使って以下のように書けばよい。

width: calc(100% - 15rem);

こんな使い方をしたい時が極々稀にあるのだ…


アクセス数(直近7日): ※試験運用中、BOT除外簡易実装済
  • 2026-01-24: 0回
  • 2026-01-23: 0回
  • 2026-01-22: 1回
  • 2026-01-21: 1回
  • 2026-01-20: 0回
  • 2026-01-19: 0回
  • 2026-01-18: 2回
  • カテゴリー: CSS

    コメントを残す

    メールアドレスが公開されることはありません。 が付いている欄は必須項目です


    日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)