未排序的列表不会在媒体查询中显示两列

Question

我的页面上有两列显示的列表。

我希望列表在我的媒体查询中以相同的方式显示以进行打印。

#tc {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

<ul id="tc">
  <li class="lft"><input type="checkbox"><label>Interna/eksterna provera</label></li>
  <li class="lft"><input type="checkbox"><label>Reklamacije/Žalbe</label></li>
  <li class="lft"><input type="checkbox"><label>Prijemna kontrola</label></li>
  <li class="lft"><input type="checkbox"><label>Greške u toku procesa rada</label></li>
  <li class="lft"><input type="checkbox"><label>Ostalo</label></li>
  <li><label>Datum:</label><input type="date"></li>
  <li><label>Datum:</label><input type="date"></li>
  <li><label>Datum:</label><input type="date"></li>
  <li><label>Datum:</label><input type="date"></li>
  <li><label>Datum:</label><input type="date"></li>
</ul>

Answer 1

到目前为止你尝试了什么？

@media print { 
 /* All your print styles go here like below */

    #tc {
         columns: 2;
         -webkit-columns: 2;
         -moz-columns: 2;
   } 
}