親要素の高さを設定したにもかかわらず、依然として垂直方向の中央揃えを実現できないのはなぜですか?

Question

mx-auto クラスを使用できますが、myContainerFixed クラスは固定の高さを正常に表示しますが、my-auto を取得できません。動作するクラス。

CSSの例

リーリー

この場合、これは確かに最良のオプションではありませんが、絶対位置指定も試してみましたが、どちらも機能しませんでした。 これは例です

リーリー

HTMLコード

ああああ

Answer 1

トップ要素(myContainerFixed)のdisplay:ブロック(デフォルト)に関係します。

たとえば、display: flex; を指定すると、これは修正されます

リーリー

mx-auto と my-auto を削除し、flex 属性を使用してフォームを配置することをお勧めします

リーリー