flex box layoutで中に長いテキストなどを含む幅可変要素のレイアウト - くらげだらけ
久しぶりにcssレイアウトでハマってしまった。 floatレイアウトは一般的なレイアウトとしていろいろとノウハウが溜まっているように思いますが、flex box layoutはまだまだ思いもよらない挙動をすることがありますね。 今回ハマったのは「flex box layoutで中に長いテキストなどを含む幅可変要素のレイアウト」という一言にするとよくわからない感じですが… 要は２カラムレイアウトで、片方は固定幅、もう片方は可変幅の（幅いっぱいになるような）カラムレイアウトであり、可変幅の方の子要素として長いテキストを含んでいるもののレイアウトです。 単純に考えて↓こんな感じで書けば、１つ目の要素が幅100pxの固定になり２つ目の要素が残りをエリアの幅になると思うのですが、そうはなりません…。 <style type="text/css"> .flex { display: flex; wid
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - formulahendry/vscode-auto-close-tag: Auto Close Tag for Visual Studio Code
Evolving a Design System at Scale
react.js desktop and mobile web project architecture
How to animate height , when element heght is not fixed · Issue #62 · chenglou/react-motion
ES6 - generate an array of numbers
The Peculiar Magic Of Flexbox And Auto Margins | CSS-Tricks
