title: Css media print show additional data, how to avoid them not come in print
body: <p>I am working On a laravel project and used CSS media print in somewhere, It is good but it shows additional data in Chrome Print Dialog like the below image as I marked them, So I don't want them to display when I print it, how to avoid it?
  <a href="https://i.stack.imgur.com/rUL0g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rUL0g.png" alt="enter image description here" /></a></p>
  <p>this the HTML code:</p>
  <pre><code>&lt;div class=&quot;row&quot;&gt;
     &lt;h3 style=&quot;margin-right: 14px;&quot;&gt;مشخصات شاگرد&lt;/h3&gt;
     &lt;div class=&quot;col-md-4&quot; style=&quot;padding-left: 0px;&quot; id=&quot;student_info&quot;&gt;
        &lt;div class=&quot;list-group&quot;&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item disabled  student_details&quot;&gt;نام&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;تخلص&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item disabled student_details&quot;&gt;نام پدر&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;جنسیت&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item disabled student_details&quot;&gt;سن&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;تلیفون&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt;آدرس&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;ایمیل&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt;حالت مدنی&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;نمبر تذکره&lt;/a&gt;
        &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class=&quot;col-md-8&quot; style=&quot;padding-right: 0px;&quot; id=&quot;student_info_date&quot;&gt;
        &lt;div class=&quot;list-group&quot;&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt; {{ $student-&gt;first_name }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;{{ $student-&gt;last_name }}&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt; {{ $student-&gt;father_name }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;{{ $student-&gt;gender }}&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt; {{ $student-&gt;age }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt;{{ $student-&gt;phone }}&lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt; {{ $student-&gt;address }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt; {{ $student-&gt;email_address }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details disabled&quot;&gt; {{ $student-&gt;marital_status }} &lt;/a&gt;
           &lt;a href=&quot;&quot; class=&quot;list-group-item student_details&quot;&gt; {{ $student-&gt;ssn_number }} &lt;/a&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>this my script code:</p>
  <pre><code>&lt;script&gt;
     $(document).ready(function () {
        $('#print').click(function () {
            window.print()
        })
     })
  &lt;/script&gt;
  </code></pre>
  <p>this is style for print:</p>
  <pre><code>&lt;style&gt;
      @media print  {
          body * {
              visibility: visible !important;
          }
          @page  {
  
              margin: 0;
          }
          #print,.fixed-navbar{
              display: none;
          }
          #student{
              margin-top: -70px;
          }
          #student_info
          {
              width: 15%;
          }
          #student_info_date,
          #student_info_date{
              margin-right:15% ;
              margin-top: -535px;
              width: 30%;
          }
          #student_family{
              margin-right: 41%;
              margin-top: -797px;
          }
          #student_family_info{
              width: 25%;
          }
          #student_family_info_data{
              width: 45%;
              margin-right: 25%;
              margin-top: -546px;
  
  
          }
  
      }
      a.student_details{
          max-height:100px;
          min-height: 50px;
      }
      a.student_class_details{
          min-height: 90px;
      }
      a.student_class_score_details{
          min-height: 90px;
          padding:28%;
      }
  
  &lt;/style&gt;
  </code></pre>