Html 元素上的CSS动态宽度

Html 元素上的CSS动态宽度,html,css,Html,Css,我正在尝试制作一个水平布局,尽管UL元素一直在剪辑并将其放回新行 像这样: 我想要的是,所有内容都在一条线上,而不必手动设置宽度 可以在这里看到该网站:类似的内容似乎可以做到: CSS ul{ list-style: none; height: 200px; overflow: hidden; width: 20000px; } 像这样的事情似乎可以做到: CSS ul{ list-style: none; height: 200px; overflow: hidden; width: 20

我正在尝试制作一个水平布局,尽管UL元素一直在剪辑并将其放回新行

像这样:

我想要的是,所有内容都在一条线上,而不必手动设置宽度


可以在这里看到该网站:

类似的内容似乎可以做到:

CSS

ul{
list-style: none;
height: 200px;
overflow: hidden;
width: 20000px;
}

像这样的事情似乎可以做到:

CSS

ul{
list-style: none;
height: 200px;
overflow: hidden;
width: 20000px;
}

添加
空白:nowrap添加
空白:nowrap
在父元素上

您尝试了什么?@Pietu1998手动设置宽度(不理想),将宽度设置为100%,将宽度设置为自动,将html、body设置为100%(什么都没有做),等等……您尝试了什么?@Pietu1998手动设置宽度(不理想),将宽度设置为100%,将宽度设置为自动,将html,body设置为100%(什么都没做),还有更多…我刚开始做的事情。我不能这样做,因为他们是包含不同数量照片的多元素。我需要的是将元素设置为100%或类似的值(这是不起作用的),就像我开始做的那样。我不能这样做,因为他们是包含不同数量照片的多元素。我需要的是将元素设置为100%或类似的值(这是不起作用的)是的,这似乎是更好的解决方案是的,这似乎是更好的解决方案