Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 为什么分词法适用于表格,而不适用于换行?_Html_Css_Html Table - Fatal编程技术网

Html 为什么分词法适用于表格,而不适用于换行?

Html 为什么分词法适用于表格,而不适用于换行?,html,css,html-table,Html,Css,Html Table,考虑以下示例: .table{ 宽度:50px; 显示:表格; 填充:10px; 边框:1px纯红; } .表a{ 单词包装:打断单词; } .表2 a{ 单词break:打破一切; } 表布局的原因:修复了由于 table layout:fixed:-水平布局仅取决于表的宽度和列的宽度,而不取决于单元格的内容。(如果未设置word wrap:break word,则可能导致单元格溢出) 以及 表格布局:自动:-列宽由单元格中最宽的不可拆分内容设置,与列宽无关 因此,wordwrap:br

考虑以下示例:

.table{
宽度:50px;
显示:表格;
填充:10px;
边框:1px纯红;
}  
.表a{
单词包装:打断单词;
}
.表2 a{
单词break:打破一切;
}

表布局的原因:修复了由于

table layout:fixed
:-水平布局仅取决于表的宽度和列的宽度,而不取决于单元格的内容。(如果未设置
word wrap:break word
,则可能导致单元格溢出)

以及

表格布局:自动
:-列宽由单元格中最宽的不可拆分内容设置,与列宽无关

因此,
wordwrap:break-word
现在是
overflow-wrap:break-word
(在CSS3中),它不允许通过打破
表布局:fixed
中的内容来溢出内容


上面的解释对你的问题有一定的帮助,但我希望它能对你有所帮助。

在firefox中,
wordbreak
的行为似乎有所不同。我在使用chrome时发布了这个问题。我感谢你的帮助。但对我来说,这个解释相当矛盾。。。(可能导致单元格溢出)似乎意味着文本将溢出而不是换行。谢谢,这一行(导致单元格溢出)意味着如果设置
word wrap:break word
,则文本将被换行,否则在
表格布局:fixed
的情况下将发生溢出。