Html 打印CSS-避免切割DIV'；s

我正在开发一个生成条形码的应用程序，我想打印它们，但条形码div在某些页面中被剪切

CSS:

* {
边际：0px；
}
#鳕鱼{
宽度：180px；
高度：150像素；
填充：10px；
利润率：10px；
浮动：左；
边框：纯黑1px；
文本对齐：居中；
显示：块；
}

代码：

鳕鱼。巴拉斯：

baseUrl（'/index/codigo barras/code/'.$ouvinte->codigo_barras）>“alt=”“/>

有人知道我怎样才能避免这个伤口吗

谢谢

试试/CSS属性怎么样

您可以将其设置为在每9个条形码后断开，如下所示：

<? 
$i = 0;
foreach ($this->ouvintes as $ouvinte):
    $i++;
    $pageBreakStyle = ($i % 9 == 0) ? ' style="page-break-after:always"' : '';
?>
    <div id="cod"<?= $pageBreakStyle ?>>
        <p><?= $ouvinte->nome ?></p>
        <p><?= $ouvinte->instituicao ?></p>
        <p>Cod. Barras: <?= $ouvinte->codigo_barras ?></p>
        <p style="margin-top:5px;"><img src="<?= $this->baseUrl('/index/codigo-barras/code/' . $ouvinte->codigo_barras) ?>" alt="<?= $ouvinte->codigo_barras ?>" /></p>
    </div>
<? endforeach; ?>

<table>
<? foreach ($this->ouvintes as $ouvinte): ?>
    <tr id="cod">
        <td><?= $ouvinte->nome ?></td>
        <td><?= $ouvinte->instituicao ?></td>
        <td>Cod. Barras: <?= $ouvinte->codigo_barras ?></td>
        <td style="margin-top:5px;"><img src="<?= $this->baseUrl('/index/codigo-barras/code/' . $ouvinte->codigo_barras) ?>" alt="<?= $ouvinte->codigo_barras ?>" /></td>
    </tr>
<? endforeach; ?>
</table>

科德·巴拉斯：

baseUrl（'/index/codigo barras/code/'.$ouvinte->codigo_barras）？>“alt=”“/>

我认为问题出在float:left。。这是一个大问题，但你可以找到一些技巧

我遇到了类似的问题。。。唯一有效的解决办法是将条形码放在表格中。。。因为多页内容实际上只适用于表（没有剪切内容或其他问题）

试着这样做：

<? 
$i = 0;
foreach ($this->ouvintes as $ouvinte):
    $i++;
    $pageBreakStyle = ($i % 9 == 0) ? ' style="page-break-after:always"' : '';
?>
    <div id="cod"<?= $pageBreakStyle ?>>
        <p><?= $ouvinte->nome ?></p>
        <p><?= $ouvinte->instituicao ?></p>
        <p>Cod. Barras: <?= $ouvinte->codigo_barras ?></p>
        <p style="margin-top:5px;"><img src="<?= $this->baseUrl('/index/codigo-barras/code/' . $ouvinte->codigo_barras) ?>" alt="<?= $ouvinte->codigo_barras ?>" /></p>
    </div>
<? endforeach; ?>

<table>
<? foreach ($this->ouvintes as $ouvinte): ?>
    <tr id="cod">
        <td><?= $ouvinte->nome ?></td>
        <td><?= $ouvinte->instituicao ?></td>
        <td>Cod. Barras: <?= $ouvinte->codigo_barras ?></td>
        <td style="margin-top:5px;"><img src="<?= $this->baseUrl('/index/codigo-barras/code/' . $ouvinte->codigo_barras) ?>" alt="<?= $ouvinte->codigo_barras ?>" /></td>
    </tr>
<? endforeach; ?>
</table>

鳕鱼。巴拉斯：
baseUrl（'/index/codigo barras/code/'.$ouvinte->codigo_barras）？>“alt=”“/>

尝试设置为

避免
：

div{
内部分页符：避免；
}
您好，谢谢您的回复。我以前试过这样做，但只有第一次成功，然后其他人都不成功。我不知道为什么。。。