在单独的容器中水平滚动时，如何更改文本或元素？

在单独的容器中水平滚动时，可以通过CSS属性和JavaScript来实现文本或元素的更改。

1. 使用CSS属性：
   • 使用overflow-x属性设置容器的水平滚动方式。可以设置为auto或scroll来启用水平滚动。
   • 使用white-space属性设置文本的换行方式。可以设置为nowrap来禁止文本换行，使其在一行内水平滚动。
   • 使用text-overflow属性设置文本溢出时的显示方式。可以设置为ellipsis来显示省略号，表示文本被截断。
2. 使用JavaScript：
   • 获取容器元素，可以使用document.getElementById()或其他选择器方法获取到对应的元素。
   • 使用scrollLeft属性获取或设置容器的水平滚动位置。可以通过设置该属性的值来改变容器中内容的水平位置。
   • 使用scrollBy()方法或scrollTo()方法来实现容器的水平滚动。这些方法可以接受水平和垂直滚动的距离作为参数，通过改变滚动位置来实现滚动效果。

示例代码如下：

HTML:

<div id="container">
  <p id="text">这是一段需要水平滚动的文本。</p>
</div>

CSS:

#container {
  width: 300px;
  height: 200px;
  overflow-x: auto;
  white-space: nowrap;
}

#text {
  width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}

JavaScript:

var container = document.getElementById("container");
container.scrollLeft = 100;  // 设置容器的水平滚动位置

// 或者使用滚动方法
container.scrollBy(100, 0);  // 水平滚动100像素
container.scrollTo(100, 0);  // 滚动到水平位置100像素处

以上代码示例中，通过CSS设置了容器的宽度和高度，并启用了水平滚动。文本元素使用了overflow和text-overflow属性来控制文本的显示方式。通过JavaScript代码可以获取容器元素，并通过设置scrollLeft属性或调用滚动方法来改变容器的水平滚动位置。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云容器服务：https://cloud.tencent.com/product/tke
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云人工智能：https://cloud.tencent.com/product/ai