h3タグを取得しました。下の一つ margin: 0 とpaddingを使用してみましたが、機能せず、どこで間違ったのかわかりません。
align-items: centerを削除した後、高さは固定されましたが、h3の高さを崩さずに画像コンテナの中央に配置する方法 画像
.info-footer { 背景色: rgba(33, 40, 59, 0.8); 色: #fff; ボーダー: 1px ソリッド rgb(53, 56, 72); 幅: 100%; 高さ: 14em; ディスプレイ: フレックス; コンテンツの位置揃え: 中央; ギャップ: 200ピクセル; パディング: 20px 10px; 整列項目:上; }
align-items: center;
を.info-footer
スタイルから削除します。align-items
関数は次のとおりです:center
を選択するということは、要素をflex
コンテナの中心に配置し、この中心の周りにレイアウトすることを意味します。言い換えると、footer-info
とfooter-menu
は、開始位置ではなく、フレックス コンテナのcenterに揃えられます。 。