Member 12609377 Ответов: 0

Почему свойства внутри @media print (для div) не работают? - стиль CSS


Я установил crystal report на своем веб-сайте, чтобы все страницы отображались непрерывно, и при его печати я хочу разбить страницы в соответствии с разделением. Я не знаю, что не так с моим кодом, он не работает ни в одном браузере. Вот код внутри css, для @media print.

{

body{display: block;}

.css-element {
overflow: visible !important;
position: relative;}
	
.my-floated-elements {
float: none !important;}

div#CrystalReportViewer1_ctl01 > div
{
    page-break-inside:avoid; 
	page-break-after:always;	
}

table{background-color: lightblue;}
 	
/*.header img {float:none;}*/
	.header .logo { float:none;}
	.header .rightcol img {float:none;}
	
	h4{margin:0;}
	bold{margin:0;}

	.save-and-print {display:none}
	.save-print-image {display:none}
	.save-button {display:none}
	.print-button {display:none}

}



Вот то, что я включил в качестве ссылки в файл .aspx:

<link rel="stylesheet" href="../css/style.css" type="text/css" media="print"/>
<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>



Чтобы узнать подразделение, я проверил элемент inspect (google chrome) и взял идентификатор подразделения (CrystalReportViewer1_ctl01)

Что я уже пробовал:

Я протестировал печать @media, установив цвет фона отчета, и это сработало. Пожалуйста, помогите мне, спасибо.

0 Ответов