写一个div里面是有一张图片和一个文本居中

可以使用以下的HTML和CSS代码实现：

HTML代码：

<div class="container">
  <img src="path/to/image.jpg" alt="Image">
  <p>Some text here</p>
</div>

CSS代码：

.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh; /* 设置容器高度为视口高度 */
}

img {
  display: block; /* 将图片转换为块级元素 */
  max-width: 100%; /* 将图片宽度设置为容器的宽度 */
}

p {
  text-align: center; /* 将文本居中 */
}

解释：

使用Flexbox布局，将容器的主轴方向设置为垂直方向（flex-direction: column）
使用justify-content: center和align-items: center将图片和文本都居中对齐
将图片的display属性设置为块级元素，以便可以设置其宽度和高度
将图片的max-width属性设置为100%以使其适应容器的宽度
将文本的text-align属性设置为居中，以使其水平居中对齐