图片浮动影响居中

要解决图片浮动影响居中的问题，可以通过以下代码示例来解决：

HTML:

<div class="container">
  <div class="image-container">
    <img src="your-image.jpg" alt="Your Image">
  </div>
</div>

CSS:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.image-container {
  float: left; /* or float: right; */
}

通过以上代码示例，我们创建了一个包含图片的容器，并使用CSS的flex布局来实现居中对齐。同时，我们给图片容器添加了浮动属性，通过设置float: left;或者float: right;来控制图片的浮动方向。

这样，图片就可以浮动在文本的左侧或右侧，而不会影响整个容器的居中对齐。