如何使表等间隔和包装字

Question

我正在使用twitter bootstrap，但我认为它与解决方案无关，所以这里是代码：

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