Html 表数据溢出到框中

有人帮我把桌子放在箱子里，请把它修好

**https://jsfiddle.net/Baloch007/njvLxzrp/**

---

这是因为单词之间没有空格，默认情况下，单个单词总是在一行中出现

如果要根据表格单元格宽度中断工作，请使用

wordbreak:break allcss

.device-information td {
  float: left;
   border:solid 1px #cecece;
   height:35px;
  width: 100%;
  word-break:break-all;
}

例如：

但若你们在完整的表格中应用这个css，这可能会产生问题，所以我建议你们给那个单元格类，然后像这样应用css

HTML

<table class="device-information">
    <tbody>
        <tr>
            <th>Device Name</th>
            <td class="longWord">alfalahhajshfjdhfjahdjfhdjhfjdhfjdhfjdhfjhdfjasfdfasdfdsafdasf</td>
            <td>alfalah</td>
            <td>alfalah</td>
            <td>alfalah</td>
            <td>alfalah</td>
            <td>alfalah</td> 
        </tr>
    </tbody>
</table>

如果您不介意不显示整行文本，而只表示还有更多文本，则可以添加这些行

white-space:no-wrap;
overflow:hidden;
text-overflow:ellipsis;

至第28行的
。设备信息td


。设备信息td{
浮动：左；
边框：实心1px#cecece；
最小高度：35px；
宽度：100%；
溢出包装：断开单词；
单词包装：打断单词；
单词break：打破一切；
-ms word break：打破一切；
}
jsiddle链接这里的问题应该包括问题本身。如果没有这些，这对未来的读者毫无用处。回答那些没有被正确提问的问题会鼓励更多的读者。由于Stack Overflow是一个知识库，而不是一个实时帮助站点，因此这些问题及其答案不具有长期价值，可能会被关闭并最终删除。你可以通过不回答他们来避免沮丧。请参阅：回答未被正确提问的问题会鼓励更多人提问。由于Stack Overflow是一个知识库，而不是一个实时帮助站点，因此这些问题及其答案不具有长期价值，可能会被关闭并最终删除。你可以通过不回答他们来避免沮丧。见：
white-space:no-wrap;
overflow:hidden;
text-overflow:ellipsis;