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"

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