1
사람들이 고정 너비의 열, 유체 너비의 열 및 다른 고정 너비의 열이있는 flexbox를 사용하여 "holy grail"웹 사이트 디자인을 만들면 모든 열에 대해 동일한 높이가 필요한 것처럼 보입니다. 3 가지 모두 유체 높이를 원한다면, 그 내부의 내용만큼 키가 크지 않을까요? 어떻게해야합니까?플렉스 박스의 유체 높이 컬럼?
A
답변
0
부모에 align-items : flex-start을 사용하십시오. 기본값은 align-items: stretch입니다.
여기에 좋은 flexbox reference입니다.
관련 문제
- 1. 플렉스 박스의 컨트롤 높이
- 2. 플렉스 박스의 포장 오류
- 3. 플렉스 박스 스트레치 컬럼
- 4. 3 행, 유체 높이
- 5. 유체 모달 높이
- 6. 스태킹 유체 높이 divs
- 7. 인터넷 탐색기의 유체 높이
- 8. 유체 레이아웃의 높이
- 9. 유체 레이아웃의 100 % 높이?
- 10. 멀티 컬럼 테이블 높이
- 11. float div, 높이 100, 컨테이너 유체 높이
- 12. 그림에서 플렉스 박스의 텍스트 위치하기
- 13. 유체 컬럼 및 고정 버퍼 컬럼 - css를 사용하여 유체 컬럼과 동일한 높이로 만드는 방법?
- 14. 플렉스 컬럼 시리즈가 컬럼을 표시하지 않습니다.
- 15. 유체 높이 div 포함 여백
- 16. 중첩 된 div의 유체 높이
- 17. jQuery를 유체 사업부 동적 높이
- 18. 부트 스트랩의 높이 유체 열
- 19. 유체 높이 구역을 만드는 방법?
- 20. 유체 이미지 너비, 높이 일치
- 21. 유체 세로 이미지 최대 높이
- 22. 너비 및 높이 유체 디자인
- 23. 완벽한 유체 컬럼 8 페이지 나누기?
- 24. Susy : 거터가 고정 된 유체 컬럼?
- 25. 플렉스 TextFlow를 dyniamic 높이
- 26. 플렉스 measuredHeight vs 높이
- 27. 플렉스 목록 자동 높이
- 28. 중첩 된 플렉스 박스의 높이의 비율
- 29. 플렉스 차트 : 최소 칼럼 높이
- 30. 크롬에서 플렉스 박스 높이 100 %
그게 내 문제 였어! 나는 그것을 부모 상자에 넣어야한다는 것을 몰랐습니다! 감사! – Hideto
아이템 자체에는'align-self'가 있습니다 만, 모든 flex 요소에 대해 균일 한 동작을 원한다면, 이것을 부모에 설정하는 것이 좋습니다. –