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

投稿者: | 2022年3月11日

328 views

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

1. やりたいこと

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

2. やってみる

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

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

width: calc(100% - 15rem);

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


カテゴリー: CSS

コメントを残す

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


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