您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何在不拉伸的情况下设置图像的宽度和高度?

如何在不拉伸的情况下设置图像的宽度和高度?

是的,您需要一个封装div:

<div id="logo"><img src="logo.jpg"></div>

与类似:

#logo { height: 100px; width: 200px; overflow: hidden; }

其他解决方案(填充,边距)比较繁琐(因为您需要根据图像的尺寸计算正确的值),但也不能有效地使容器小于图像。

同样,上述内容可以更容易地适用于不同的布局。例如,如果您希望图像位于右下角:

#logo { position: relative; height: 100px; width: 200px; }
#logo img { position: absolute; right: 0; bottom: 0; }
其他 2022/1/1 18:16:02 有488人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶