>  기사  >  웹 프론트엔드  >  페이지 나누기 후 해결 방법: CSS가 Firefox 브라우저에서 항상 실행되지 않음

페이지 나누기 후 해결 방법: CSS가 Firefox 브라우저에서 항상 실행되지 않음

黄舟
黄舟원래의
2017-07-08 10:02:204042검색

page-break-after: 항상;Firefox에서는 실행되지 않습니다.

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>分页打印</title>
</head>

<body>
    <object id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0 ></object>
    <table border="0" style="font-size:9pt;" width="300px" align="center">
        <thead style="display:table-header-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double red">
                    每页都有的表头
               </td>
           </tr>
        </thead>
        <tbody>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr style=" page-break-after : always;">
                <td>在这个之后分页</td>
                <td>在这个之后分页</td>
           </tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
           <tr><td>表格内容</td><td>表格内容</td></tr>
            <tr><td>表格内容</td><td>表格内容</td></tr>
       </tbody>
       <tfoot style="display:table-footer-group; font-weight:bold">
            <tr>
               <td colspan="2" align="center" style="font-weight:bold; border:3px double blue">
                  每页都有的表尾
               </td>
           </tr>
        </tfoot>
    </table>
  <div align="center">
       <input type="button" value="打    印" onclick="javascript:window.print()" />
    </div>
</body>
</html>

page-break-after: 항상;Firefox에서는 실행되지 않습니다. 하지만 IE에서는 작동합니다. 호환되게 만드는 방법

페이지 나누기 후 해결 방법: CSS가 Firefox 브라우저에서 항상 실행되지 않음

Google의 페이지 나누기 지원에 문제가 있습니다. 특히 테이블의 경우 데이터를 분할해야 하고 div를 컨테이너로 사용해야 합니다.

이런 구조로 변경할 수 있습니다. 인쇄 스타일을 통해 제어할 수 있습니다. 문제 없습니다. .

아아아아

위 내용은 페이지 나누기 후 해결 방법: CSS가 Firefox 브라우저에서 항상 실행되지 않음의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.