如何在多个div中应用水平滚动单击一次按钮？

在多个div中应用水平滚动并且只需点击一次按钮，可以通过以下步骤实现：

首先，确保你的HTML页面中包含多个需要水平滚动的div元素，并给每个div元素一个唯一的id或类名，以便在JavaScript中进行操作。
在CSS中，为包含这些div元素的容器添加样式，使其具有固定的宽度和隐藏溢出的属性。例如：

.container {
  width: 100%;
  overflow-x: hidden;
}

在JavaScript中，获取所有需要水平滚动的div元素，并计算它们的总宽度。然后，将这个总宽度应用到容器的宽度上，以确保所有div元素在同一行显示。例如：

var container = document.querySelector('.container');
var divs = document.querySelectorAll('.scrollable-div');

var totalWidth = 0;
divs.forEach(function(div) {
  totalWidth += div.offsetWidth;
});

container.style.width = totalWidth + 'px';

创建一个按钮，并为其添加一个点击事件监听器。在点击事件中，通过改变容器的scrollLeft属性来实现水平滚动。例如：

var button = document.querySelector('.scroll-button');

button.addEventListener('click', function() {
  container.scrollLeft += container.offsetWidth;
});

这样，每次点击按钮时，容器就会水平滚动到下一个div元素。

请注意，以上代码只是一个简单的示例，你可以根据实际需求进行修改和优化。另外，腾讯云并没有直接相关的产品和链接地址与此问题相关。