Javascript 引导表压缩问题

我想听听你的建议，如何摆脱桌子上的挤压

 <div class="container">
        <table id="table" class="table table-hover" name="table">
            <tr>
                <td class="col-md-1">20.09.2015</td>
                <td class="col-md-1"><a href="#" style="text-decoration:none;"><span class="label label-default label-as-badge" style="font-weight:normal;">category</span></a></td>
                <td class="col-md-5"><a id="test" name="test" href="#">41423</a></td>
                <td class="col-md-5">1123</td>
            </tr>
        </table>
 </div>

20.09.2015
1123

我想完成的是两个左侧td的-日期和类别始终相同，小的，不能挤压。右边两个td的标题和内容开头应该差不多

现在，如果我拖动浏览器的右侧，它应该尽可能缩小，如果没有剩余空间，则从右侧到左侧剪切（Elipping或smth）

可能吗？提前谢谢

若要在窗口变小时防止

td

（或任何元素）缠绕，请使用

空白：nowrap

作为样式。这将确保行仅在

元素处断开

看