yn2011's blog

技術メモ

CSS

flex item は幅を指定せずに margin: auto で縦横中央揃えできる

CSS

margin: auto を使用した縦横中央揃えは要素自体に幅((max-)width, (max-height))の指定が必須と思っていた。 例えば、position: absolute と組み合わせた以下の要素は親(absolute の基準)に対して縦横中央揃えされるが .test { background-color: aqua; p…

CSS 中央揃えのフローチャート

CSS

どういうときにどの中央揃えテクニックを適用するかという整理をしたかったのでフローチャートを作成した。多分まだ間違いや改善の余地はあると思うが、とりあえず今の自分はこういう風に考えているということで公開する。(図が汚い&ブログのモーダルで見に…