エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
この記事のように、width: stretch が一部のブラウザでリリースされたことで、「width: 100% ではなくて... この記事のように、width: stretch が一部のブラウザでリリースされたことで、「width: 100% ではなくてこちらを使うべき」という受け止め方がされています。 しかし、要素の横幅について、もっと気を付けておくべきこと が見過ごされています。 それは、横幅は、余計なことをしなければ、親に合わせて勝手に良い感じになってくれる ということです。 CodeSandbox あります 良い例、悪い例をまとめてカンタンに確認できる CodeSandbox を用意しました。 わかりやすさのために表示している枠線を消したり、width: stretch を付け外ししたりして確認できます。 ✅️ OK: デフォルトで良い感じになる まず、良い例から出しましょう。HTML と CSS(ネスト機能を利用しています)の抜粋は以下の通りです。 .card : カード本体、縦向きの flexbox .c