<p>h3 태그를 얻었습니다. 낮은 것 중 하나
margin:0과 padding을 사용해 보았지만 작동하지 않았고 어디서 잘못되었는지 모르겠습니다. </p>
<p>정렬 항목을 제거한 후: 중앙, 높이가 고정되었지만 h3의 높이를 파괴하지 않고 이미지 컨테이너의 중앙에 맞추는 방법
사진</p>
<p><br /></p>
<pre class="brush:css;toolbar:false;">.info-footer {
배경색: rgba(33, 40, 59, 0.8);
색상: #fff;
테두리: 1px 솔리드 rgb(53, 56, 72);
너비: 100%;
높이: 14em;
디스플레이: 플렉스;
내용 정당화: 센터;
간격: 200px;
패딩: 20px 10px;
항목 정렬:상단;
}</pre>
<pre class="brush:html;toolbar:false;"><div class="info-footer">
<div class="info-footer-info">
메뉴 1
<li><a href="#">회사 소개</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">개인정보 보호정책</a></li>
</ul>
</div>
<div class="info-footer-menu">
메뉴 2
<li><a href="#">문의하기</a></li>
</ul>
</div>
.info-footer
样式中移除align-items: center;
에서.align-items
의 기능은 다음과 같습니다.center
表示将元素放置在flex
容器的中心,并围绕此中心进行布局。换句话说,你的footer-info
和footer-menu
시작 위치가 아닌 플렉스 컨테이너의 center에 정렬하려면 를 선택하세요.