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;對其子集添加浮動清除效果後,就不會影響到後面的內容了。
-
商用wifi路由器怎麼來設置?怎麼用呢?
不論是餐廳、咖啡廳、足療店,還是機場、商場,只要是人流量大、人羣密集的地方,WiFi已成為人們連接互聯網的重要上網方式,它在為人們提供便捷的移動網絡服務同時,也正潛移默化的改變着人們的上網習慣、消費習慣,讓人們更加依賴它。因此不少商家看到了可以藉助WiFi平台...
-
移動現在都有什麼套餐
中國移動是國內最大的移動通信運營商。那麼移動現在都有什麼套餐呢?今天小編就來和大家介紹一下,希望對大家有所幫助。操作方法(01)全球通系列套餐:每月資費區間為88至588元。(02)其中包含暢享套餐與無限尊享計劃套餐,後者可以提供一定數額的國際流量供用户使用。(03)4G...
-
AVI格式視頻怎麼轉MP4
平時工作或者是生活中,有些視頻是AVI格式的,想要將它轉換為MP4格式,那麼AVI格式視頻怎麼轉MP4呢?操作方法(01)要轉換視頻的格式,一般可以使用第三方軟件,如格式工廠,在桌面上找到它的快捷方式,打開它。(02)打開之後,來到如下圖所示的界面。(03)因為是要將AVI格式的視頻轉換為M...
-
絕地求生steam賬號如何和QQ綁定
絕地求生現在國服版即將開始了,那麼steam的賬號如何和qq進行綁定呢,綁定之後你原先的東西和等級都會原封不動的進入到國服版本,這個就是老兵的優勢,怎麼弄呢,在這裏和大家説一下操作方法(01)首選用steam登錄絕地求生,進入登錄界面的時候右上角有一個綁定qq領取好禮品,之...