这种图片显示方式$image_data = base64_encode(file_get_contents($image)); echo "<img src='data:image/jpeg;base64,$image_data' alt='图片'>"; 修改图片为居中显示，以及设置大小。请问怎么修改请详细说明

要让图片居中显示，可以使用 CSS 属性 `margin` 和 `display`。首先，将图片的 `display` 属性设置为 `block`，这样图片就可以使用 `margin: auto` 居中对齐。其次，设置图片的宽度和高度即可。以下是示例代码：

img {
  display: block;
  margin: auto;
  width: 50%; /* 设置图片宽度为父元素宽度的一半 */
  height: auto; /* 高度自动调整 */
}

将上述 CSS 代码添加到页面的 `<style>` 标签或外部 CSS 文件中即可生效。注意，这里的 `width` 属性设置为父元素宽度的一半，只是一个示例，具体宽度可以根据实际需要进行调整。

另外，如果要让图片居中显示，还可以使用 flex 布局来实现。以下是示例代码：

.container {
  display: flex;
  justify-content: center; /* 水平居中对齐 */
  align-items: center; /* 垂直居中对齐 */
  height: 100vh; /* 设置容器高度为视口高度 */
}
.container img {
  width: 50%; /* 设置图片宽度为父元素宽度的一半 */
  height: auto; /* 高度自动调整 */
}

在 HTML 中，需要添加一个容器元素，如下所示：

<div class="container">
  <img src="data:image/jpeg;base64,<?php echo $image_data ?>" alt="图片">
</div>

将上述 CSS 代码添加到页面的 `<style>` 标签或外部 CSS 文件中即可生效。注意，这里的容器高度设置为视口高度，只是一个示例，具体高度可以根据实际需要进行调整。