react列中的图像完全居中

import React from 'react';
import './styles.css';

const CenteredImage = () => {
  return (
    <div className="container">
      <img src="path_to_image" alt="centered image" className="image" />
    </div>
  );
};

export default CenteredImage;

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* 可以根据需要设置容器的宽度和高度 */
}

.image {
  /* 可以根据需要设置图像的宽度和高度 */
}