水平滚动 <div> 与 <a> <img> 项目内答案

【问题标题】：Horizontal Scroll <div> with <a> <img> items inside水平滚动 <div> 与 <a> <img> 项目内
【发布时间】：2020-11-01 14:52:35
【问题描述】：

我有一个包含三列的表。第三列将有多个图像，可以单击以执行操作。因此，希望此列应具有水平滚动。所以，我在第三列添加了一个<div>，在其中添加了多个<a> 标签，每个标签都包含<img>。问题是 div 正在垂直扩展。我希望它水平增长。

我的代码以其他方式工作，但不适用于引导表 css。

View Code Here

有人可以帮忙吗？

我在我的代码中使用引导程序。但遗憾的是引导程序没有提供开箱即用的水平滚动，我尝试了几种解决方案互联网，但没有任何工作。

【问题讨论】：

【解决方案1】：

使用这个

 td div{
    white-space: nowrap;
    overflow-x: auto;
    width:200px; // Can be replaced it with any other value
  }

【讨论】：