Почему свойства внутри @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, установив цвет фона отчета, и это сработало. Пожалуйста, помогите мне, спасибо.