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

投稿者: | 2022年3月11日

69 views

1. やりたいこと

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

2. やってみる

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

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

width: calc(100% - 15rem);

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


カテゴリー: CSS

コメントを残す

メールアドレスが公開されることはありません。


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