2014-11-15 60 views
0

这里与Twitter的引导表中某些行没有国界是一个表,它看起来像在正常模式(桌面画面) enter image description here错误的宽度和打印模式

但是,当我尝试打印它(按Ctrl + p)我看到: enter image description here

但是,如果我试图用打印媒体在chrome模拟器模式下显示它看起来不错。下面是表的HTML:

<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> 
+0

[**点击这里**](HTTP:// WWW。 bootply.com/hjeLiQPFzM)在这里工作 –

+0

这很奇怪。但是当我从td中删除col-md- *时,它可以正常工作,但在这种情况下,我无法控制td的宽度。以下是一个现场示例http://resta.by/real_estates/prodazha-1-komnatnoy-kvartiry-d-senitsa-per-shkolnyy-dom-1-a-superpredlozhenie – Meliborn

回答

0

哦,我不知道为什么,但我还没有position: static规则

table td[class*="col-"], 
table th[class*="col-"] { 
    float: none; 
    display: table-cell; 
    position: static; 
}