상위 요소의 높이를 설정했음에도 불구하고 여전히 수직 중심을 달성할 수 없는 이유는 무엇입니까?
P粉493534105
P粉493534105 2023-09-11 17:27:43
0
1
471

mx-auto类,但是尽管我的myContainerFixed类成功显示高度固定,但我无法使my-auto수업을 업무에 활용할 수 있었습니다.

예제 CSS

으아악

이 경우에 이것이 최선의 선택은 아니지만 절대 위치 지정을 사용해 보았지만 역시 작동하지 않았습니다.예는 다음과 같습니다

으아악

HTML 코드

.mx-auto { margin-left: auto; margin-right: auto; } .my-auto { margin-top: auto; margin-bottom: auto; } .myContainerFixed { height: 90vh; } @screen lg { .myContainerFixed { height: 85vh; } } .w-max { width: max-content; }

P粉493534105
P粉493534105

모든 응답 (1)
P粉106711425

최상위 요소(myContainerFixed)의 display: block(기본값)과 관련이 있습니다.

예를 들어, display: flex를 지정하면 이 문제가 해결됩니다

으아악

mx-auto 및 my-auto를 제거하고 flex 속성을 사용하여 양식 위치를 지정하는 것이 좋습니다

으아악
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!