如果右侧有div，如何居中显示图像？

要将图像居中显示在右侧的div中，可以使用以下方法：

1. 使用CSS的flexbox布局：
   • 在右侧的div上设置display为flex，并且设置flex-direction为column，这样可以让图像垂直居中显示。
   • 在右侧的div上设置align-items为center，这样可以让图像水平居中显示。

.right-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

1. 使用CSS的绝对定位：
   • 将右侧的div设置为相对定位（position: relative）。
   • 将图像设置为绝对定位（position: absolute），并且设置top和right属性为50%，这样图像会相对于右侧div的右上角居中。
   • 使用transform属性的translate方法将图像向左和向上移动自身宽度和高度的一半，以使其完全居中。

.right-div {
  position: relative;
}

.right-div img {
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

以上两种方法都可以实现将图像居中显示在右侧的div中。具体选择哪种方法取决于你的需求和布局。