タグ「flexbox」

CSS

CSSのみで左下・右下にある画像にテキストを回り込ませる

画像を下揃えにしてテキストを回り込ませるレイアウトは紙媒体では結構あると思うんですが、CSSだと実装が難しいですよね。 今回見つけた方法がスマートだったので紹介したいと思います。 キモとして利用するのはshape-outsideプロパティで...
OTHER

flexboxでabsoluteの子要素の位置がおかしくなる【IE11】

こんにちは、しばです。 IE11では、flexboxの子要素(flexアイテム)にposition:absoluteがかかっている要素があると、並び方がおかしくなるときがあります。 毎回遭遇しては対応法を忘れてしまうので、備忘録用に対処法を...
OTHER

th、tdにFlexboxを使うとwidth指定がきかない

tableタグにFlexboxを適用したところ、Edgeではセル幅がちゃんと確保できず、内容に応じて狭くなってしまう事態が発生。 table-layout:fixedでは対応できなかったので、この事象の原因と対処法をまとめました! (さらに...