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

时间: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 */
}
小提琴:http://jsfiddle.net/

结束

相关推荐

Images not rendering

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