2010-05-11 3 views
3

를 인쇄, 당신에게 페이지의 전체 높이있는 2 열을 가져옵니다. 그들의 MDC가 제시 한 것에서 이것을 높이 평형이라고합니다.CSS 열 및 모질라에서

웹킷이 비슷한 있습니다

-webkit-column-count: 2; 

내가 웹킷이있는 경우 "높이 균형"또는 완전하게 확실하지 않다 (이 솔직히, 내 문제의 근본이 될 수 있음). Webkit에서는 페이지에서도 같은 방식으로 표시됩니다. 이 같은 웹킷을 표시하는 반면

A C 
B D 
--- 
E G 
F H 

:

A E 
B F 
--- 
C G 
D H 

이 만들 수있는 방법이 있나요 당신이 페이지를 인쇄 할 때, 원주 내용은 파이어 폭스에서 인쇄 된 문서가이처럼 보이는 끝낼 말했다 Mozilla와 같은 Webkit 인쇄?

답변

1

고도 균형은 요소에 높이를 지정하지 않으면 브라우저가 모든 열의 높이를 동일하게 설정하려고한다는 것을 의미합니다. 높이를 설정하면 열 높이의 균형을 조정하지 못하고 열을 지정된 높이까지 채우며 마지막 열은 더 짧아집니다.

WebKit의 동작이 인쇄 코드의 버그 인 것 같습니다. 모질라의 행동이 정확합니다. Chrome 8.0.552.231 및 Safari 5.0.3에서 열을 전혀 인쇄하지 않는 테스트에서 사용하는 WebKit의 버전입니다.