최근 고객을 인쇄 할 때 고객은 인쇄 할 때 페이지의 헤드를 인쇄하지 말고 양식으로 내용을 인쇄하도록 요청했습니다. 헤드에는 배경과 인쇄 버튼이 있고 얇은 줄 형태이기 때문입니다. 나는 얇은 선 형태가 그리 간단하지 않다고 생각합니다.
얇은 라인 테이블을 수행하는 방법을 모르면 효과를 달성하려면 다음 코드를 참조하십시오. :)
<테이블 셀 스페이스 = 0 CellPadding = 0 테두리 = 0>
<tr>
<td bgcolor = 'black'>
<테이블 셀 스페이스 = 1 CellPadding = 1 경계 = 0>
<tr align = center bgcolor = '#ffffff'>
<td colspan = 2> national </td> <td colspan = 1> city </td>
</tr>
<tr bgcolor = '#ffffff'align = center>
<td> 사람들의 일일 </td>
<td> 해방일 </td>
<td> Xinmin Evening News </td>
</tr>
</테이블>
</td>
</tr>
</테이블>
그런 다음 배경을 인쇄하도록 IE를 설정하면 완료 될 것이라고 생각했습니다.
결과적으로, 나는 미리보기를 인쇄하고 머리에 큰 검은 블록을 발견했습니다. 왜? 내 머리 안에는 배경이 있기 때문에 페이지를 차지했습니다!
.gtitle
{
너비 : 100%;
높이 : 32px;
라인 높이 : 32px;
배경 이미지 : URL (images/gtitle.gif);
왼쪽 패딩 : 130px;
마진 바닥 : 10px;
}
나는 우울하다고 느끼기 시작했다. 나는 오랫동안 온라인으로 검색했지만 완벽한 솔루션을 가질 수 없었습니다. 나는 그것을 직접하기로 결정했다.
오랫동안 그것에 대해 생각한 후, 나는 마침내 그것을 끝냈다 :)
CSS는 다음과 같이 정의됩니다.
비 인쇄 : 인쇄 할 때 숨겨진 스타일 정의
Tabprint : 인쇄 할 얇은 라인 테이블 스타일 정의
NextPate : Pagination의 스타일 정의
Linetd : 하하, 여기 가장 중요한 것은 인쇄 할 때 완벽하게 만들어줍니다.
코드를 복사하십시오