CSS overflow

混江龙づ霸主 提交于 2020-02-28 08:45:53

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

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!