margin-top樣式導致Vue中引用了Print.js調用打印多一張空白頁

問題是打印時多處一張空白頁

參考他人回答知道是由於樣式引起的

參考資料

1.樣式資料     2. 打印相關資料

由於垂直外邊距合併問題常見於第一個子元素的margin-top會頂開父元素與父元素相鄰元素的間距,而且只在標準瀏覽器下
(FirfFox、Chrome、Opera、Sarfi)產生問題,IE下反而表現良好。

再說了白點就是:父元素的第一個子元素的上邊距margin-top如果碰不到有效的border或者padding.就會不斷一層一層的找自己
“領導”(父元素,祖先元素)的麻煩。只要給領導設置個有效的border或者padding就可以有效的管制這個目無領導的margin防止它越級,假傳聖旨,把自己的margin當領導的margin執行。

解決方案,在父元素加上style="padding-top:1px"

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章