在使用img-fluid类时，有没有办法防止图片在页面上“浮动”？

在使用img-fluid类时，可以通过添加CSS样式来防止图片在页面上"浮动"。可以使用以下样式：

.img-fluid {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

这样设置后，图片将会在页面上水平居中显示，并且不会浮动。具体解释如下：

• display: block;：将图片显示为块级元素，使其占据整个父容器的宽度。
• max-width: 100%;：限制图片的最大宽度为父容器的宽度，确保图片不会超出容器范围。
• height: auto;：根据图片的宽高比例自动调整高度，保持图片不会被拉伸变形。
• margin: 0 auto;：设置左右外边距为自动，使图片在父容器中水平居中显示。

这样设置后，即使在响应式布局中，图片也会根据父容器的大小自动调整，并且始终保持水平居中，不会浮动。

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

• 腾讯云图片处理（Image Processing）
• 腾讯云云服务器（CVM）
• 腾讯云内容分发网络（CDN）