我尝试谷歌搜索，但没有得到太多结果。我正在构建一个水平轮播，它在浮动的 LI 中显示图像。我想解决的问题是，每次我向轮播添加缩略图（我是延迟加载）时，我都需要重新计算轮播的宽度（以便所有浮动缩略图很好地并排排列）。
其一，我宁愿不必在 JS 中进行此类计算，其二，我发现很难找到一种跨浏览器的方法来确保正确计算宽度（我最终不得不添加或删除像素总宽度取决于浏览器）。
所以我的问题是，有没有什么方法可以在没有 JS 的情况下向 div 添加内容，并根据需要调整宽度，就像 div 的高度一样？
如果没有，您是否找到了比每次重新计算宽度更有效的方法来处理这种情况？
我对网络开发并不陌生，只要我一直在这个领域，据我所知，这从来都是不可能的。但随着新技术的出现，我想现在可能有一种晦涩的方法可以实现这一目标。
提前致谢！
[编辑]（为了澄清，但进行了简化）：如果我的轮播宽度为 500 像素，并且溢出隐藏。有一个包含缩略图的可滑动部分，每个缩略图宽 100 像素，浮动，在轮播中适合 5 宽。当用户单击“下一步”时，它会延迟加载下一组 5 个缩略图，并将其附加到第一组 5 个缩略图之后的滑块区域。但是由于此 div 的宽度为 500 像素以容纳 5 个缩略图，因此再添加 5 个缩略图，我需要重新计算新缩略图并排显示的宽度。理想情况下，我想找到一种方法让 div 自动调整其宽度以适应水平内容，就像它自然地适应垂直内容一样。
我发现使用包含旋转木马的 div 与white-space: nowrap and overflow: hidden已经起作用了。然后我有display: inline-block对于 div 中的每个项目。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
