모든 <h3> 태그의 높이가 일치하는지 확인하는 방법
P粉121447292
P粉121447292 2023-08-20 11:15:19
0
1
484
<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>
<p><br /></p>
P粉121447292
P粉121447292

모든 응답(1)
P粉903052556

.info-footer 样式中移除 align-items: center;에서.

align-items의 기능은 다음과 같습니다.

center 表示将元素放置在 flex 容器的中心,并围绕此中心进行布局。换句话说,你的 footer-infofooter-menu시작 위치가 아닌 플렉스 컨테이너의 center에 정렬하려면 를 선택하세요.

으아악 으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿