CSS overflow

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内大小相同。

 

posted @ 2019-02-21 16:49  kevin.Xiang  阅读(265)  评论(0)  编辑  收藏  举报