首頁 > web前端 > 前端問答 > css page-break-before屬性怎麼用

css page-break-before屬性怎麼用

青灯夜游
發布: 2019-05-29 14:47:46
原創
2837 人瀏覽過

css page-break-before屬性用於在指定元素前新增分頁符號。注意該屬性不能對絕對定位的元素的使用,也要避免在表格、浮動元素、有邊框的區塊元素中使用。所有瀏覽器都支援 page-break-before 屬性。

css page-break-before屬性怎麼用

css page-break-before屬性怎麼用?

page-break-before 屬性在指定元素前加入分頁符號。

說明:儘管可以用 always 強制放上分頁符,但是無法保證避免分頁符的插入,創作人員最多只能要求用戶代理盡可能避免插入分頁。應用於:position 值為 relative 或 static 的非浮動區塊級元素。  

註解:所有主要瀏覽器都支援page-break-before屬性。任何的版本的 Internet Explorer (包括 IE8)都不支援屬性值 "left"、"right" 以及 "inherit"。 Firefox、Chrome 以及 Safari 不支援屬性值 "avoid"、"left" 以及 "right"。

css page-break-before屬性 範例

#在

元素前面總是插入分頁符號:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
@media print {
    h1 {page-break-before: always;}
}
</style>
</head>
<body>
....
</body>
</html>
登入後複製

以上是css page-break-before屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板