限制 HTML 列中的字符答案

【问题标题】：Limit the character in HTML column限制 HTML 列中的字符
【发布时间】：2015-02-21 12:45:48
【问题描述】：

你好，我有一张像这样的桌子

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

这是我的 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;
}

知道如何实现吗？谢谢。

【问题讨论】：

标签： html css

【解决方案1】：

试试这个，它会被单词打破并包裹内容

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

【讨论】：

@Razeth : 很高兴为您提供帮助

【解决方案2】：

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

溢出：隐藏；

您可以在Link找到更多详细信息

【讨论】：