CSS overflow

时间 2019-11-06

标签 css overflow 栏目 CSS 繁體版

原文原文链接

CSS overflowhtml

overflow: hidden; 　　若是图片超过样式此存就隐藏
overflow: auto;　　　若是图片超过样式尺寸就出现拖动框

添加图片位置，若是超过尺寸就隐藏spa

<html>
<!--  添加图片位置，若是超过尺寸就隐藏 -->
<body>
    <div style="
        /* 定义样式长宽 */
        height: 200px;width: 300px;
        /* 若是图片超过样式尺寸就隐藏 */
        overflow: hidden;
        ">
        <!-- 图片位置 -->
        <img src="1.jpg">
</div>
</body>
</html>

添加图片位置，若是超过尺寸就出现拖动框code

<html>
<!--  添加图片位置，若是超过尺寸就出现拖动框 -->
<body>
    <div style="
        /* 定义样式长宽 */
        height: 200px;width: 300px;
        /* 若是图片超过样式尺寸就出现拖动框 */
        overflow: auto;
        ">
        <!--图片位置 -->
        <img src="1.jpg">
    </div>
</body>
</html>

注：能够定义图片高度宽度，来与div内大小相同。htm