찾다

 >  Q&A  >  본문

모든 <h3> 태그의 높이가 일치하는지 확인하는 방법

<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

<p><br /></p>
P粉121447292P粉121447292529일 전514

모든 응답(1)나는 대답할 것이다

  • P粉903052556

    P粉9030525562023-08-21 00:57:09

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

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

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

    으아악 으아악

    회신하다
    0
  • 취소회신하다