Heim > Artikel > Web-Frontend > So verwenden Sie die CSS-Page-Break-Inside-Eigenschaft
So verwenden Sie die CSS-Page-Break-Inside-Eigenschaft
- 藏色散人Original
- 2019-05-30 10:55:483212Durchsuche
Das CSS-Attribut „page-break-inside“ wird verwendet, um das Seitenumbruchverhalten innerhalb des Elements festzulegen. Obwohl Sie „immer“ verwenden können, um Seitenumbrüche zu erzwingen, gibt es keine Garantie dafür, dass das Einfügen von Seitenumbrüchen vermieden wird Der Ersteller kann den Benutzeragenten bitten, das Einfügen von Seitenumbrüchen so weit wie möglich zu vermeiden.
Wie verwende ich das CSS-Attribut „page-break-inside“?
Funktion: Das Attribut „page-break-inside“ legt fest Seite innerhalb des Elements – brechendes Verhalten.
Hinweis: Obwohl Sie „Immer“ verwenden können, um Seitenumbrüche zu erzwingen, gibt es keine Garantie dafür, dass das Einfügen von Seitenumbrüchen vermieden wird. Der Ersteller kann den Benutzeragenten höchstens bitten, das Einfügen von Seitenumbrüchen zu vermeiden wie möglich. Gilt für: nicht gleitende Elemente auf Blockebene, deren Positionswert relativ oder statisch ist.
Hinweis: Nur der Opera-Browser unterstützt das Page-Break-Inside-Attribut.
Beispiel für die Verwendung des CSS-Attributs „page-break-inside“
<html>
<head>
<style>
@media print
{
table {page-break-inside:avoid;}
}
</style>
</head>
<body>
....
</body>
</html>Effektausgabe:
Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Page-Break-Inside-Eigenschaft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!