CSS를 사용하여 인쇄 할 때 모든 페이지에 약간의 공간을주는 법

인쇄 모드에서만 적용되는 모든 페이지의 맨 위에 약간의 공간을 제공하고 싶습니다. 가능하거나하지 않습니까?CSS를 사용하여 인쇄 할 때 모든 페이지에 약간의 공간을주는 법

내가 사용하고 :

@page { margin-top : 30px; }

을하지만이 적용되지 않습니다 .. 은 다른 방법은 CSS를 사용할 수 있습니까 ..?

This is my first page.. see top of the image.it has some space..

This is my second page.. see top of the image.it has no space..

출처

2014-01-17 mani

구문이 잘못되었습니다. https://developer.mozilla.org/en-US/docs/Web/CSS/:First도 파이어 폭스에서 지원되지 않습니다. 참조 대신 nathan의 답변 –

당신은 다음과 같은 방법으로 작업을 수행 할 수 있습니다.

@media print 
    { 
    body {margin-top:30px;} 
    }

이 선택 만 인쇄 관련 CSS 변경을 대상으로합니다. 희망이 도움이됩니다.

* PS : 나는 Body 요소를 가지고,하지만 당신이 원한다면, 당신은 당신의 HTML의 일부 특정 래퍼를 타겟팅 할 수 있습니다 당신은 당신이 래퍼 특정 간격 상단에서 시작하는 것을하려는 경우에만 특별히 타겟팅 할 수 있습니다 . 당신은 논리를 가진 해결책을 가지고 있습니다. 그것을 사용하여 시나리오에 일치 시키십시오. *

출처

2014-01-17 11:02:59 Nitesh

투표했지만 래퍼 요소를 가지고있는 것이 좋을 것입니다. 'margin-top : 30px;'를 래퍼에 사용하는 것이 좋습니다. OP가 충분하고 좋은 것보다 OP가 충분하면 ... –

에 적용됩니다. 모든 페이지 ..? 또는 첫 번째 페이지에서만 ..? – mani

Agreed - @ Mr.Alien하지만 OP는 맨 위를 차지할 공간이 있다고 언급 했으므로 코드에 대해서는 언급이 없으므로 논리를 취하게하고 래퍼에 필요한 경우 동일한 정보를 가져올 수 있습니다 코드를 작성하고 래퍼를 넣습니다. 나는 나의 대답에 대해서도 똑같이 언급 할 것이다. 고마워 Aliey; ) – Nitesh

CSS를 사용하여 인쇄 할 때 모든 페이지에 약간의 공간을주는 법

답변

관련 문제