我正在尝试打印一个带有修改设计的表,其中每个表行都包含在bootstrap“col-xs-3”类中,每个4“col-xs-3”包含在“row”类中,如下所示,
<div class="row">
<div class="col-xs-3">
<tr role="row" class="odd">
<td class="sorting_1">আঃ আজিজ মানিক</td>
<td>সাধারন সম্পাদক</td>
<td>ইউনয়িন আওয়ামীলীগ</td>
<td>০১৯২০৪৮৬০২১</td>
<td>শাহরাস্তি</td>
<td>চাঁদপুর</td>
</tr>
</div>
<div class="col-xs-3">
<tr role="row" class="even">
<td class="sorting_1">আবুল হোসনে পাটওয়ারী</td>
<td>সভাপতি</td>
<td>ইউনয়িন আওয়ামীলীগ</td>
<td>০১৭৩১৪২৪১০০</td>
<td>শাহরাস্তি</td>
<td>চাঁদপুর</td>
</tr>
</div>
<div class="col-xs-3">
<tr role="row" class="odd">
<td class="sorting_1">এ এইচ এম মাহে আলম</td>
<td>এ এস আই(নিঃ)</td>
<td>পুলিশ</td>
<td>০১৮১৭৩৮৬৬৪০</td>
<td>শাহরাস্তি</td>
<td>চাঁদপুর</td>
</tr>
</div>
<div class="col-xs-3">
<tr role="row" class="even">
<td class="sorting_1">কাজী নজরুল ইসলাম</td>
<td>সাধারন সম্পাদক</td>
<td>ইউনয়িন আওয়ামীলীগ</td>
<td>০১৭২৬৭৫০৪০২</td>
<td>শাহরাস্তি</td>
<td>চাঁদপুর</td>
</tr>
</div
</div>
问题是当我尝试打印此页面时,它在图像中显示的每个页面中都留下了一条小线。我的破解页面在下面 -
.row {
page-break-inside:avoid;
page-break-after:auto;
}
我该如何解决这个问题?
我有一个jsfiddle:https://jsfiddle.net/Lr77dgmt/1384/