Question

我有一个php页面，可以动态生成ID卡。因此，我希望当用户单击按钮时，会打印出作为要素的身份证。我尝试了Stackoverflow中所有可用的答案，但是每当我单击“打印”按钮时，所有答案都在更改div元素的大小。有人可以帮我解决这个问题吗？

这是我的代码：

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        p{
            font-size: 0.8em;
            padding: 5px 10px 5px 10px;
            margin: 0;
        }
    </style>
</head>
<body>
    <div id="divid" style="border: 1px solid black;width: 30%;height: 250px;">
    <img src="images/logo_small.png" width="150px">
    <img src="images/indane.png" width="150px">
    <img style="float: right;" src="images/zayed.jpg">

    <p style="display: inline-block;"><b>Name:</b>Zayed Ahmed</p>
    <p style="display: inline-block;"><b>Desig:</b>Delivery Man</p>
    <p style="display: inline-block;"><b>DOB:</b>07/09/1974</p>

    <div></div>

    <p style="display: inline-block;"><b>Emp ID:</b> CTPL-01</p>
    <p style="display: inline-block;"><b>PF Code:</b> XXXXXX</p>
    <p style="display: inline-block;"><b>ESI Code:</b> 1234567890</p>

    <div></div>

    <p style="display: inline-block;"><b>Address:</b>53, Alimuddin Street, Kolkata-700016</p>
    <div></div>

    <p style="display: inline-block;"><b>Mobile :</b>93973878873</p>
    <p style="display: inline-block;"><b>Emergency:</b> 9763867657</p>
    <hr>
    <img style="float: left;margin-left: 20px;" src="http://api.qrserver.com/v1/create-qr-code/?data=www.creativett.com&size=50x50">
    <img src="images/sign.png" style="float: right;margin-bottom: 5px;margin-right: 10px;margin-top: 0;">
</div>

如何在不更改纸张大小的情况下打印div的内容

0 个答案: