CSS使文本与图像相邻换行

是通过使用CSS的display属性和float属性来实现的。

当文本与图像相邻时，可以使用display属性来控制元素的显示方式。常用的值有：

inline：元素以行内方式显示，不会独占一行。可以与其他行内元素在同一行显示。
block：元素以块级方式显示，独占一行。会自动换行。
inline-block：元素以行内块级方式显示，不会独占一行，但可以设置宽高等属性。可以与其他行内元素在同一行显示。

为了使文本与图像相邻换行，可以将文本和图像都设置为display: inline或display: inline-block。

另外，可以使用float属性来控制元素的浮动方式。常用的值有：

left：元素向左浮动，其他内容会围绕在其右侧。
right：元素向右浮动，其他内容会围绕在其左侧。

通过将图像设置为浮动，可以使文本与图像相邻，并且在图像的左侧或右侧换行。

以下是一个示例代码：

<style>
  .image {
    display: inline-block;
    float: left;
    margin-right: 10px; /* 可选，设置图像与文本之间的间距 */
  }
</style>

<div>
  <img src="image.jpg" alt="图像" class="image">
  <p>这是一段文本，与图像相邻换行。</p>
</div>

在上述示例中，.image类设置了display: inline-block和float: left，使图像以行内块级方式显示，并向左浮动。<p>元素中的文本与图像相邻，并在图像的右侧换行。

注意：以上是一种常见的实现方式，具体的布局需根据实际需求进行调整。

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