HTML中overflow-hidden的基礎用法
overflow:hidden的字面意思就是隱藏溢出,就是如果超出設定範圍的內容將被隱藏,這是其一種用法。
overflow:hidden的另一種是清除浮動。
方法1:隱藏溢出
(01)開啟DW軟件,新建html檔案,然後建立代碼如下:<div><img src="img/picture_01.jpg" alt=""></div>即在div框中插入一張圖片
(02)對div進行修飾,對div設定的大小範圍遠遠小於圖片大小div{width:100px;height:100px;border:solid 1px red;margin:0 auto;}儲存檔案後,在瀏覽器預覽效果,如圖所示
(03)然後對div添加overflow:hidden;再預覽效果.可以看到只顯示限定的範圍。
方法2:清除浮動
(01)如圖在DW中建立屬性,ul裏面包含三張圖片,然後在ul下面再建立一張圖片,對li進行浮動後,就會對緊挨在後面的div圖片產生影響<style>ul{margin:0;padding:0;list-style:none;overflow:hidden;}li{float:left;margin:10px;}</style></head><body><ul><li><img src="img/picture_09.jpg" alt=""></li><li><img src="img/picture_10.jpg" alt=""></li><li><img src="img/picture_11.jpg" alt=""></li></ul><div><img src="img/picture_12.jpg" alt=""></div></body>
(02)然後在父集ul添加overflow:hidden;對其子集添加浮動清除效果後,就不會影響到後面的內容了。
-
怎麼在qq空間製作騰訊認證圖標
在自己的空間添加騰訊認證圖標,圖標無法下載的找我拿QQ704396659操作方法(01)1.先下載【騰訊認證標識】:單擊右鍵,複製圖片就可以。。。(02)2.上傳空間:點擊“設定”(圖中標註的地方),再選擇“修改資料”,再選擇“空間資料”(在左下方)。接下來,讓空間名稱的前面留一個空格,用Q...
-
教大家如何快速下載QQ羣,超大羣檔案?
一般在QQ羣裏邊下載檔案比較慢且容易出錯,給大家講一種簡單快速下載QQ羣的,檔案。速度快且檔案不出錯。操作方法(01)登入QQ號,開啟QQ羣。一般我們都是用這種方法下載。直接在QQ羣裏邊下,這種方法慢且檔案容易出錯。(02)現說一下快速下載QQ羣,超大羣檔案,先搜一下QQ羣空間...
-
解決TeamViewer無法按給定網絡地址聯繫夥伴
在使用TeamViewer遠程控制電腦的時候,突然出現下圖提示無法建立連接,無法按給定網絡地址聯繫夥伴。然後不管怎麼試,都彈出這個連接地址。下面是本人親身經歷和排除方法,僅供參考。操作方法(01)首先第一步就是修復一下網絡連接,開啟網絡和共享中心。(02)選擇自己使用的上...
-
怎樣解決網頁打不開問題?
電腦正常使用情況下,有的網站忽然就打不開了,IE假吊死(其他網站瀏覽正常),可能還會自動關閉所有IE任務。步驟/方法(01)執行殺毒軟件,檢查任務管理器內存佔用和程序執行情況,排除病毒因素。(02)IE工具欄裏開啟Internet選項,鼠標點擊“刪除檔案”將Internet臨時檔案刪除。(03)...