css - 帖子中的图片最大宽度，对齐对齐

Question

我已经在我的 single.php 中定义了博客文章对齐方式。现在的问题是所有图像都被扩展到 700 像素的博文内容的整个宽度。我在博客文章中使用的一些图片虽然不是 700 像素宽，但现在它们被拉伸(stretch)了。

当通过“添加媒体”功能添加图像时，有什么方法可以只为单个帖子图像定义最大宽度吗？

我只是觉得我可以做到以下几点:

<a href="....."><img class="wp-image-... alignnone" src="......" max-width="343" height="229" /></a>

但这根本不起作用。

Answer 1

#single img{
  max-width: 100%;
  max-height: auto;
}

<div id="single">

  <img src="pic.jpg" alt="image"/>
  
</div>