如何将一个div分成两个平等的部分，一边放多行文字，一边放图片，并且图片部分和多行文字部分高度相同，整个div的宽度和页面宽度相等

可以使用flex布局实现这个效果。具体的实现步骤如下：

1. 给该div添加display: flex; 和flex-wrap: wrap;属性，使内部元素可以使用flex布局，并且超出宽度时自动换行。

2. 给div内部的两个元素（即多行文字和图片）添加flex: 1;属性，使它们平分div的宽度。

3. 给多行文字部分设置height: 100%;，使它和图片部分高度相同。

4. 给图片部分设置object-fit: cover;，使图片可以自适应尺寸并填充整个容器。

代码示例：

<div style="display: flex; flex-wrap: wrap; width: 100%;">
  <div style="flex: 1; height: 100%;">
    <p>多行文字部分</p>
    <p>多行文字部分</p>
    <p>多行文字部分</p>
    <p>多行文字部分</p>
  </div>
  <div style="flex: 1; height: 100%;">
    <img src="图片地址" alt="图片" style="width: 100%; height: 100%; object-fit: cover;">
  </div>
</div>