HTML将文字放图片正中

在HTML中，如果你想把文字放置在图片的正中央，可以使用`<div>`标签配合CSS来实现这个效果。首先，你需要创建一个包含图片和文本的容器，例如：

<div class="image-container">
  <img src="your-image-url" alt="Your Image Description">
  <p>这是一段放在图片中间的文字</p>
</div>

然后，在外部的CSS文件中，或者直接在`<style>`标签内添加样式，设置`.image-container`的样式：

.image-container {
  position: relative;
  display: inline-block; /* 或者display: flex; 如果是Flex布局 */
}

.image-container img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px; /* 可调整间距 */
}

.image-container p {
  position: absolute;
  top: 50%; /* 将文字上移至图片中心 */
  left: 50%;
  transform: translate(-50%, -50%); /* 使用transform居中 */
}

在这个例子中，`position: absolute`会使文字相对于其最近的非静态定位祖先元素定位，`top: 50%`和`left: 50%`会让文字移动到图像中心，`transform: translate(-50%, -50%)`则会进一步将其向左和向上平移自身宽度和高度的一半，实现水平和垂直居中。