ホームページ > ウェブフロントエンド > CSSチュートリアル > page-break-after:always;の使い方は?

page-break-after:always;の使い方は?

黄舟
リリース: 2017-07-08 09:58:03
オリジナル
3321 人が閲覧しました

まず、page-break-after:always; を使用するにはどうすればよいですか? パラメーターが非常に多いため、違いは何でしょうか?
次に、次のコードが機能しないのはなぜですか (画像が中央に配置されず、画像が完全に表示されません)。画像の長さと幅を制御するにはどうすればよいですか

<style type="text/css">
    body,ul,li,img{
        margin:0;
        padding:0;
    }
    img{
        margin:0;
        padding:0;
    }
    ul,li{
        list-style-type:none;
    }
    .print{
        margin:0 auto;
        width:100%;
         
    }
 
 
    .print img{
        display:block;
        height:20mm;
        width:60mm;
    }
    .location{/*库位标签*/
        height:50px;
    }
    .print .prLn {
         page-break-after:always;
    }
 
</style>
ログイン後にコピー
<div class="print">
</ul>
        <?php
 $inputStart=$_POST[&#39;inputStart&#39;];
 $inputEnd=$_POST[&#39;inputEnd&#39;];
 $labelType=$_POST[&#39;labelType&#39;]?$_POST[&#39;labelType&#39;]:"";
 
 for($i=intval($inputStart);$i<=intval($inputEnd);$i++){
    echo "<li><img src=\"barcode/html/image.php?text=".$labelType.$i."\" height=\"60mm\" width=\"20\"></li>";
    echo $i<intval($inputEnd)?"<li class=\"prLn\"></li>":NULL;
 }
?>
</ul>
</div>
ログイン後にコピー

この属性を使用したことがありません。

ページングの設定は、印刷時や印刷プレビューを見るときに便利です

プレビューするときは問題ありませんが、実際に印刷すると変化します。 100枚近くのプリントを無駄にしてしまい、国に申し訳ないと思いました

以上がpage-break-after:always;の使い方は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート