css怎么让图片垂直居中

<code class="&lt;a style=\'color:#f60; text-decoration:underline;\' href=" https: target="_blank">css"&gt;.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image {
  max-width: 100%;
  height: auto;
}</code>