Html 更改td的宽度

我构建了一个具有可滚动表体的表。现在，我在调整表数据单元的宽度时遇到了一些困难。更改td宽度的值对大小没有影响。请参阅下面的代码

此代码段包含HTML和CSS：

#d2{
边框：纯黑；
宽度：20%；
身高：28%；
显示：内联块；
溢出-x：自动；
}
#d1{
边框：纯黑；
显示：内联块；
宽度：8%；
身高：28%；
}
tr{
宽度：100vw；
}
运输署{
边框：纯黑；
宽度：100px；
/*在此处更改宽度的值无效*/
高度：7vh；
}
#tro1，
#tro2，
#tro3{
显示：块；
边框：纯黑；
高度：7.4vh；
宽度：7vw；
}

森特罗
日期
日期
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥

宽度没有改变，因为您已将父级

div的宽度设置为“固定”

width: 20%;
height: 28%;

尝试更改这些值，然后设置所需的宽度。
如果您只想更改
td
的宽度，则还可以使用CSS的
min width
属性

HTML和CSS:


#d2{
边框：纯黑；
宽度：20%；
身高：28%；
显示：内联块；
溢出-x：自动；
}
#d1{
边框：纯黑；
显示：内联块；
宽度：8%；
身高：28%；
}
tr{
宽度：100vw；
}
运输署{
边框：纯黑；
宽度：100px；
/*在此处更改宽度的值无效*/
高度：7vh；
最小宽度：200px；
/*更改宽度的值将使用最小宽度bro*/
}
#tro1，
#tro2，
#tro3{
显示：块；
边框：纯黑；
高度：7.4vh；
宽度：7vw；
}

文件
森特罗
日期
日期
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥
莫特祖马商业中心
张锦松
墨西哥
墨西哥
墨西哥
这看起来确实有效。您的
#d1
和
#d2
已经设置了宽度，这会切断桌子的边缘。谢谢您的回复。但是，当添加更多表数据时，如何使#d2（父div）的内容滚动。如果我没有将父div的宽度设置为值，则添加更多的表数据会将整个表移动到下一行，这不是我想要的。请尝试使用最小宽度谢谢。“最小宽度”属性工作正常。我还将研究Bootstrap4类。谢谢你的建议。