限制HTML列中的字符

Question

你好，我有一个看起来像这样的表

我想限制每列中的字符数，因此它会正确显示，在这张图片中我没有包含任何空格，所以当它达到最大宽度时它没有进入下一行

这是我的css代码。

#table-main {
    width: 740px;
    font-size: 12px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 2px;
}

#table-main th {
    max-width: 50px;
    padding: 5px;
    color: #B22222;
    background: #7fd9c1;
    text-align: left;
}

#table-main tr.holiday td {
   background: #ffc0cb;
}

#table-main td {
   max-width: 50px;
   padding: 5px;
   background: #D1EEEE;
   text-align: left;
   table-layout:fixed
   word-wrap: break-word;
}

任何想法如何实现它？ 感谢。

Answer 1

试试这个，它会破坏单词以及包装内容

word-break: break-all;
word-wrap:break-word;

Answer 2

尝试使用overflow选项隐藏任何不适合列的内容。

溢出：隐藏;

您可以在Link

找到更多详情