제품을 표시하는 석조 격자가 있고 경우에 따라 첫 번째 항목의 경계가 다음 열로 이동합니다. 항상 그런 일이 발생하지는 않으며 그 이유를 찾을 수 없습니다. 페이지 링크 : http://en.naaman.b24online.com/b2c-products/tsb-163746/css 벽돌 그리드 전송 열을 다음 열로 옮깁니다.
고마워요.
제품을 표시하는 석조 격자가 있고 경우에 따라 첫 번째 항목의 경계가 다음 열로 이동합니다. 항상 그런 일이 발생하지는 않으며 그 이유를 찾을 수 없습니다. 페이지 링크 : http://en.naaman.b24online.com/b2c-products/tsb-163746/css 벽돌 그리드 전송 열을 다음 열로 옮깁니다.
고마워요.
하나의 솔루션으로 각 상자의 래퍼를 작성하는 것입니다, 그래서 테두리 상자 안에이며
확인을 breaked 질수. 핀의 행 높이 (#columns로 정의 됨)가 너무 짧다는 것을 알게되었습니다. 다른 화면 크기의 높이를 추가했는데 제대로 작동하는 것 같습니다. 행이 전체 높이를 차지하지 않는 이유를 잘 모릅니다.
주위에 div를 만들려고했습니다. 돕지 않아. 아마도 현재의 CSS에는 그 원인이 있습니다. –
나는 당신의 사이트에서 그것을 시도했다. 각 요소의 래퍼를 줄 필요가있다. '-webkit-column-break-inside : avoid; -moz-column-break-inside : avoid; column-break-inside : avoid; '그리고 작동했습니다. – xeno