CSS - 버튼 정렬이 잘못되었습니다.

Question

무엇을 하든(지금은 몇 시간) <div class="kafelek">을 나란히 정렬할 수 없습니다. 현재 코드는 다음과 같습니다.

으아악 으아악

여러 가지 옵션을 시도해 보았지만 결국 모두 엉망이 되었습니다.

다음과 같습니다. 웹사이트 혼란

8개의

(예: 버튼) 각각이 한 행에서 서로 완벽하게 정렬되고 .pre1 및 .pre2 .kafelek와 정렬되도록 적절하게 중앙에 배치되기를 원합니다.

도와주세요;-;

Answer 1

버튼 컨테이너의 너비는 0이므로 Flexbox가 제대로 작동하지 않습니다. 너비를 추가하면 문제가 해결됩니다.

으아악

저는 60% 的宽度，以使按钮与上面的 pre 大致对齐。目前，pre 设置了 float 属性。理想情况下，您希望父容器强制执行页面内容的边界并避免使用 float CSS 속성을 추가했습니다.