ChromeとEdgeでは意図通りに動く。でも、IE11だけ動かない・・・ そんなバグがあって四苦八苦したので対処法をメモ。 どうにかして「Chrome」「Edge」「IE11」の動作を同一にすることが出来ました。 やりたいこと こんな感じ。 div要素の中に文字を均等に真ん中に配置したい。 その時の記述がこんな感じ。 <div class="parent"> <span class="child"> test </span> </div> .parent { display: flex; align-items: center; width: 100%; background-color: green; min-height: 90px; } .child { } flexboxのalign-items: centerで、 高さ指定した親のdiv要素に対してspan要素を中央寄せしていま
![IE11で「flexbox」「min-height」「aligin-items: center」の組み合わせが効かない時の対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/0b932153de1eb24a67e6f6b8a8012917bb055511/height=288;version=1;width=512/https%3A%2F%2Fbottoms-programming.com%2Fwp-content%2Fuploads%2F2018%2F09%2F68f38244f39943237673265ecb96e45c.png)