如何使表等距和包裹字

Question

我使用Twitter的引導，但我認爲它無關的解決方案，所以這裏是代碼：

div.span12 
    table.table.table-hover 
     thead 
     tr 
      th Device Name 
      th Device ID 
      th Device Description 
     tbody 
     each dev in devices 
      tr 
       td #{dev.dname} 
       td #{dev.did} 
       td #{dev.ddesc} 

如果屬性之一變太大，桌子轉向一邊，爲大件物品留出空間。我怎樣才能保持原來的均勻間距並允許在表格的行上換行？

<div class="span12"> 
    <table class="table table-hover"> 
     <thead> 
     <tr> 
      <th>Device Name</th> 
      <th>Device ID</th> 
      <th>Device Description</th> 
     </tr></thead> 
     <tbody> 
      <tr> 
       <td>nn</td> 
       <td>ii</td> 
       <td>dd</td> 
      </tr> 
     </tbody></table></div> 

Answer 1

只是重寫屬性td

td { 
    width: 33.33%; 
} 

DEMO