Html 为什么会有孩子';s";空白:预处理&引用;更改其父项';“s表”;宽度;?

Html 为什么会有孩子';s";空白:预处理&引用;更改其父项';“s表”;宽度;?,html,css,html-table,Html,Css,Html Table,我有一张宽度为500px的表格。在桌子里面,我有一个孩子有空白:pre 然而,这种组合似乎使表的500px宽度被忽略 这很难描述,所以请查看演示 表格{ 宽度:500px; 背景:蓝色; } .代码块{ 背景色:#F3; 溢出:自动; 空白:nowrap; 显示:块; 最大宽度:72%; 宽度:100%; 空白:预处理; } “/oauth2/token?grant_type=refresh_token&refresh_token=“+APP_refresh_token+”&client_

我有一张宽度为500px的
表格
。在桌子里面,我有一个孩子有
空白:pre

然而,这种组合似乎使表的500px
宽度被忽略

这很难描述,所以请查看演示

表格{
宽度:500px;
背景:蓝色;
}
.代码块{
背景色:#F3;
溢出:自动;
空白:nowrap;
显示:块;
最大宽度:72%;
宽度:100%;
空白:预处理;
}

“/oauth2/token?grant_type=refresh_token&refresh_token=“+APP_refresh_token+”&client_id=“+APP_client_id+”&client_secret=“+APP_client_secret,
对单元格的
最大宽度
使用绝对值(即
px
)(顺便说一句:具有
宽度:100%
最大宽度:72%
是矛盾的)。我在下面使用了最大宽度360px,它是容器500px的72%(您以前的最大宽度值):

表格{
宽度:500px;
背景:蓝色;
}
.代码块{
背景色:#F3;
溢出:自动;
空白:nowrap;
显示:块;
最大宽度:360px;
空白:预处理;
}

“/oauth2/token?grant_type=refresh_token&refresh_token=“+APP_refresh_token+”&client_id=“+APP_client_id+”&client_secret=“+APP_client_secret,

您需要的表格布局:固定;在桌子上哦,哇,这很管用!谢谢嘿,谢谢你的回答。然而,“代码块”应该是“宽度:100%;”,所以它可以被普遍使用,而不管av父级。我不想在“代码块”上硬编码px宽度。关于“不考虑父项”:在你写的问题中,“我有一个宽度为500px的表”。。。。您仍然可以添加
宽度:100%
附加-尝试一下。。。