Html 在打印模式下,twitter引导表中的某些行的宽度错误且无边框
这是一张在正常模式(桌面屏幕)下的表格 但当我尝试打印它(按ctrl+p)时,我看到: 但如果我尝试在chrome emulator模式下用打印媒体显示它,它看起来很好。以下是表格的html:Html 在打印模式下,twitter引导表中的某些行的宽度错误且无边框,html,css,twitter-bootstrap,printing,responsive-design,Html,Css,Twitter Bootstrap,Printing,Responsive Design,这是一张在正常模式(桌面屏幕)下的表格 但当我尝试打印它(按ctrl+p)时,我看到: 但如果我尝试在chrome emulator模式下用打印媒体显示它,它看起来很好。以下是表格的html: <table class="table table-striped table-bordered"> <tbody> <tr> <td class="col-md-6">Этаж</td>
<table class="table table-striped table-bordered">
<tbody>
<tr>
<td class="col-md-6">Этаж</td>
<td>2</td>
</tr>
<tr>
<td class="col-md-6">Общая площадь</td>
<td>40.3</td>
</tr>
<tr>
<td class="col-md-6">Площадь кухни</td>
<td>7.6</td>
</tr>
<tr>
<td class="col-md-6">Жилая площадь</td>
<td>40.3</td>
</tr>
<tr>
<td class="col-md-6">Год постройки</td>
<td>1997</td>
</tr>
<tr>
<td class="col-md-6">Готовность</td>
<td>100</td>
</tr>
<tr>
<td class="col-md-6">Отопление</td>
<td>Печное</td>
</tr>
<tr>
<td class="col-md-6">Вода</td>
<td>Холодная</td>
</tr>
</tbody>
</table>
Этаж
2.
Общая площадь
40.3
Площадь кухни
7.6
Жилая площадь
40.3
Год постройки
1997
Готовность
100
Отопление
Печное
Вода
Холодная
哦,我不知道为什么,但我没有位置:静态
规则
table td[class*="col-"],
table th[class*="col-"] {
float: none;
display: table-cell;
position: static;
}
在这里工作很奇怪。但当我从td中删除col md-*时,它工作得很好,但在这种情况下,我无法控制td的宽度。这是一个活生生的例子