Html CSS,文本溢出表单元格

Html CSS,文本溢出表单元格,html,css,css-tables,word-wrap,word-break,Html,Css,Css Tables,Word Wrap,Word Break,我正在虚拟机上工作,因此无法复制代码。。。然后我会发布屏幕。我想这个问题很琐碎,但我无法解决。。。请给我一些建议: 表代码: CSS代码和网站视图: 因此,正如您在第二个链接上所看到的,一般来说,行中有一个文本,它不需要换行,它一直都是行车道,并且超出了表列边框。示例说明 假设您有一个简单的两行表,每行有两个单元格: 弗斯特 第二 小文本 非常长的不间断线,需要重新铺设 其中一个单元格有一个很长的单词,没有空格,没有连字符,所以它不会断开 以下是一些CSS: 表格{ 边框:1px实心浅灰

我正在虚拟机上工作,因此无法复制代码。。。然后我会发布屏幕。我想这个问题很琐碎,但我无法解决。。。请给我一些建议:

表代码:

CSS代码和网站视图:

因此,正如您在第二个链接上所看到的,一般来说,行中有一个文本,它不需要换行,它一直都是行车道,并且超出了表列边框。

示例说明 假设您有一个简单的两行表,每行有两个单元格:


弗斯特
第二
小文本
非常长的不间断线,需要重新铺设
其中一个单元格有一个很长的单词,没有空格,没有连字符,所以它不会断开

以下是一些CSS:

表格{
边框:1px实心浅灰色;
}
表th{
背景颜色:银色;
文本对齐:居中;
填充:10px;
}
表td{
宽度:200px;
边框:1件银点;
单词break:打破一切;
}
电池的固定宽度为200px。然而,由于这个长而不破的单词,有两种情况可能发生

(1) 表格可能会增加列宽以容纳长文本。
(2) 文本可能会流出单元格,这取决于其他因素,例如使用具有指定表格宽度的固定布局

如果对表格单元格应用
wordbreak:break all
,文本将换行,表格列将保留其预定义的宽度

请参见演示:

参考


要了解有关CSS3分词属性的更多信息:

请在Marc Audet处找到您的答案。多谢各位