表格中的div中没有​​考虑溢出？

Question

我正在编写一个日历，可以在这里看到：

http://8wayrun.com/calendar/month

我的每个表格单元格都有一个width: 14%。这产生了每列具有相同尺寸的均匀性。我需要这14％保持不变。

我遇到问题但是我的溢出。如果您查看该页面，则可以将我的活动视为7:00 PM - The Break Weekly，其中包含＆＃34; Weekly＆＃34;被打破了第二行。我希望它做的是7:00 PM - The Break...。使用省略号溢出。

我尝试过以下css：

.monthTable .monthMain .monthOccur
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

然而，这对我来说并不适合。当我使用该代码时，white-space: nowrap正在得到尊重，但其余部分并未受到尊重。它将台式电池的宽度扩展到14％以上。

有没有办法在不设置固定像素宽度的情况下解决这个问题？

Answer 1

将table-layout: fixed;添加到.monthTable。这可以防止浏览器调整表格并遵守您设置的宽度。

Answer 2

将宽度设置为.monthTable .monthMain .monthOccur

.monthTable .monthMain .monthOccur {
border: 1px solid rgb(50, 50, 50);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 5px;
font-size: 11px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 90%;
margin: 0 auto;
}

Answer 3

试试这个（添加宽度）：

        col1    col2    col3
row1    1   1   1
row2    0   1   3
row3    1   0   1
row4    1   1   0   
row5    0   1   1
row6    1   2   1   
row7    1   1   1
row8    1   0   0   

以下是现在的样子：