2024年3月アーカイブ

要素の幅を中身に合わせて変えられる width:fit-content

gravity-works (2024年3月18日 15:06) | コメント(0)
div等のブロック要素は、そのままだと幅が横いっぱいまで広がってしまいます。
「width: fit-content;」を使用することで幅が中身に合わせて可変するようになります。

以前は「display: inline-block;」や「display: table;」などでやや無理やり実装することが多かったと思いますが、よりシンプルに実装できるようになりました。

IE11以上であれば対応しています。

●CSS property: width: fit-content
« 2023年11月 | メインページ | アーカイブ

検索

このアーカイブについて

このページには、2024年3月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2023年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。