CSSのwidth: 100%;のより良い代替手段として、stretchキーワードが実はかなり便利です
幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの
colissCSSのstretchキーワードを使用すると、要素はオーバーフローせずに使用可能なスペースいっぱいに表示され、マージンの計算も必要なくなります。
2024/11/21 10:49★★★★★★★★★
toaruR『width: stretch;』
2024/11/21 11:34
sutetuki“width: -webkit-fill-available; width: -moz-available; width: stretch;”
2024/11/21 11:35★★
localnavicssのwidth:stretch、便利ですな。ベンダープレフィックスがいるのはダルいが
2024/11/21 11:44★
poliphilusみんな width はどう発音してます？
2024/11/21 11:49★
srgyのびーる、のびーる、のびーる、ストップ！ どうだ、CSSのパワーがここに溜まってきただろう
2024/11/21 11:53★★
HiddenListストレッチマン
2024/11/21 12:59
uunfo標準化されたら教えてね
2024/11/21 13:28★★★
sucelie標準にすらなってないなら従来のもの使うわ
2024/11/21 13:49
Helfardへー。
2024/11/21 13:50
nazumuこういう便利なの使いたいから標準化してくれ〜
2024/11/21 13:53
Falkyほえーしらんかった。ベンダープレフィクス必要なのにほぼ全ての主要ブラウザで動くの、いまどき珍しいな。なんで標準化が後手になってるんだろう
2024/11/21 14:27
key_llowwidthはウィズ派です。音韻的にそう読む以外なくない？？？(強火)(dthを無声化するのは許します。)
2024/11/21 15:53★
take-itwidthはあえて「横幅」派です。めんどい。わかりやすいのが一番。
2024/11/21 17:08
yarumato“width: 100%;は水平スクロールバーが発生することも。width: auto;を理解するのに苦労したなら、stretchを理解することで半分が理解できます。”
2024/11/21 17:29
imaginarationたぶん少数派の「ワイドス」です…。
2024/11/21 17:30★
hogegeφ(.. )
2024/11/21 18:11
KoshianXふーむ、こんなもんあったのか。ホント最近のCSS界隈ついていけてないなあ
2024/11/21 18:41