目前我有一個<div>
和overflow-y:scroll
集合。問題是內容在打印期間不會顯示。如何在@media屏幕上顯示div的內容當div在@media屏幕上滾動時
理想情況下,我想在<div>
擴大到顯示的全部內容,但只打印過程中(可能使用@media print
)
我想這需要JavaScript,但我還沒有嫺熟到弄明白我的擁有!
感謝您的幫助您<div>
的
目前我有一個<div>
和overflow-y:scroll
集合。問題是內容在打印期間不會顯示。如何在@media屏幕上顯示div的內容當div在@media屏幕上滾動時
理想情況下,我想在<div>
擴大到顯示的全部內容,但只打印過程中(可能使用@media print
)
我想這需要JavaScript,但我還沒有嫺熟到弄明白我的擁有!
感謝您的幫助您<div>
的
設置高度爲@media print
auto
和overflow-y: inherit
:
@media print {
// Reset to default height, overflow-y of div
.your-div {
height: auto;
overflow-y: inherit;
}
}
只是嘗試這種風格添加到您的@media打印
div {
overflow-y:show;
/* Another your style */
}
這將讓您的內容可見,儘管它超出了div的高度限制。希望這個鏈接可以幫助你W3School: Overflow
只需在'@media print'樣式中相應地調整樣式即可。 –
難道你只是改變高度爲自動。這應該會增加div的大小以包含所有內容。 –