如何防止img拉伸其父级

Question

我正在使用降价语言向网站添加帖子。所以，为了将图像添加到我的帖子中，我写了

![Alt text](/path/to/img.jpg) 

和img出现在页面上。但是有一个问题 - 如果图像的原始宽度超过容器的宽度，图像会拉伸其父div。我使用固定布局，因此容器元素的宽度在css中是硬编码的。问题是：是否有可能阻止图像拉伸我的div而是自动调整大小以适应它？

Answer 1

  

是否可以防止图像拉伸我的div而是自动调整大小以适应它？

是的！尝试设置：

img { max-width: 100%; }

只要<img>的容器具有明确的宽度，图像就不应超过该宽度。