為什麼我的 CSS 分頁符號在不同瀏覽器中不一致？

CSS 分頁符的跨瀏覽器支援

儘管分頁符CSS 屬性得到了廣泛認可，但開發人員在處理跨瀏覽器問題時常會遇到不一致的情況嘗試實現分頁符號。雖然 Internet Explorer 和 Opera 表現出可靠的行為，但 Firefox 會分離但無法列印多個頁面，而 Chrome 和 Safari 僅對最後一頁套用中斷。

解決問題

為了確保跨瀏覽器相容性，解決一個常見的陷阱至關重要：具有浮點值的父元素。透過在所有父元素上將 float 重設為 none，page-break-before:always 屬性將正常運作。

其他注意事項

除了浮動問題之外，還有其他因素還可以破壞分頁符號：

• 在表中使用分頁符號元素
• 合併浮動元素
• 使用內聯塊元素
• 使用帶邊框的塊元素

為跨瀏覽器修改CSS相容性：

@media print {
  #leftNav {
    display: none;
  }
  #mainBody {
    float: none;
    border: none;
    margin: none;
    padding: none;
  }
  div.pageBreak {
    page-break-before: always;
  }
}

以上是為什麼我的 CSS 分頁符號在不同瀏覽器中不一致？的詳細內容。更多資訊請關注PHP中文網其他相關文章！