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

相關標籤/搜索