根据图像大小调整柱子宽度

时间：2013-12-17 作者：user2532458

我正在为一个漫画网站创建一个主题。看起来有些图片比帖子的尺寸大。我需要根据Original Image size. 我可以通过CSS实现这一点吗？它是否会扩展屏幕大小并显示滚动窗口并不重要。

1 个回复

SO网友:Kristian Vitozev

标记：

<div class="post">
    <div class="thumbnail">
        <img class="thumb" src="http://placehold.it/950x450/" />
    </div>
</div>

CSS：

.post { 
    width: 500px;
}

.post img.thumb {
    width: 100%; /* fill available space of parent and keep aspect ratio */
}

结束

标签： css images 小码农

Images not rendering

我有一个烘焙博客，最近我更改了url。我现在的问题是，当我将图像添加到帖子或图书馆时，它们不会显示/呈现。上载步骤通过OK，但图像不会渲染。你能帮忙吗，我只是不知道我哪里做错了。