下面是我正在开发的博客的图片。不过我需要一些 CSS 方面的帮助。在上图中,您可以看到当我的头像右侧的文本正文大于图像时,它会发生什么情况。
下图是我想要的样子。
我的问题是有多个作者,因此右侧的正文可能会根据作者的不同而具有不同的长度。我想以某种方式让图像重新调整大小以始终适合 div 并且看起来像底部图像中的那样。
希望这一切都有道理,如果有人知道如何做到这一点,我将不胜感激
我还在这里放了一些示例代码来查看它的实时情况http://dabblet.com/gist/2050005 http://dabblet.com/gist/2050005
无论原件尺寸如何,都将图像强制为特定尺寸。
css:
.size-image img {
width: 200px;
height: 200px;
}
尺寸是您需要/想要填充的任何尺寸。在 html 中只需将类添加到img
元素。
<img src="path/to/image" class="size-image" />
然后,无论是通过 jquery、php 还是其他任何方式放入该元素中的任何图像,该元素的大小都会根据您的需要/想要进行调整。
您还可以将图像放入其自己的容器中,例如“左容器”,并将左容器的宽度设置为具有自动高度的特定宽度,只需将<img>
左侧容器中的标签和“右侧容器”中的文本
希望这可以帮助
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)