当td内容太宽时,表会溢出父div

Question

我准备了一个JSFiddle来解释/告诉你我的问题:http://jsfiddle.net/nz96C/

它起初看起来还不错,但是当我#firsttd在整个表中添加一些文本时,一旦使用tds整个宽度,就会溢出父div.我知道如何用CSS(#firstdiv {width:90px;overflow:hidden;})解决这个问题,但我不知道确切的像素数(百分比不起作用).另外我不希望第一个td中的文本换行.

我希望你能解决我的问题,我甚至无法用我的第一语言解释它.

编辑:我的目标是有一个表,其中第一个td中的文本有多长并不重要,表永远不会溢出父div - 没有文本被包装.我希望第一个td溢出的文本不显示.

Answer 1

与另一个最近的主题相同的答案:table-layout:fixed;+宽度.DEMO

table {
    table-layout:fixed;
    width:100%;
}
td {
    border: 1px solid black;
    overflow:hidden;/* optionnal*/
}
#firsttd {
    white-space: nowrap;
}