CSS overflow
- overflow: hidden; 如果图片超过样式此存就隐藏
- overflow: auto; 如果图片超过样式尺寸就出现拖动框
添加图片位置,如果超过尺寸就隐藏
<html>
<!-- 添加图片位置,如果超过尺寸就隐藏 -->
<body>
<div style="
/* 定义样式长宽 */
height: 200px;width: 300px;
/* 如果图片超过样式尺寸就隐藏 */
overflow: hidden;
">
<!-- 图片位置 -->
<img src="1.jpg">
</div>
</body>
</html>
添加图片位置,如果超过尺寸就出现拖动框
<html>
<!-- 添加图片位置,如果超过尺寸就出现拖动框 -->
<body>
<div style="
/* 定义样式长宽 */
height: 200px;width: 300px;
/* 如果图片超过样式尺寸就出现拖动框 */
overflow: auto;
">
<!--图片位置 -->
<img src="1.jpg">
</div>
</body>
</html>
注:可以定义图片高度宽度,来与div内大小相同。
来源:https://www.cnblogs.com/xiangsikai/p/10413629.html