您好,登錄后才能下訂單哦!
這篇文章主要講解了“html5中的clear怎么使用”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“html5中的clear怎么使用”吧!
html5中,clear是“清除”的意思,是一個樣式屬性,用于清除元素周圍的浮動元素,語法為“clear:value”或者“Object.style.clear=value”,默認情況下屬性值為“none”,表示允許浮動元素出現在元素周圍。
本教程操作環境:windows10系統、HTML5版、Dell G3電腦。
html5中的clear是什么意思
在html中,clear的意思是清除。
clear 屬性規定元素的哪一側不允許其他浮動元素。
clear 屬性定義了元素的哪邊上不允許出現浮動元素。在 CSS1 和 CSS2 中,這是通過自動為清除元素(即設置了 clear 屬性的元素)增加上外邊距實現的。在 CSS2.1 中,會在元素上外邊距之上增加清除空間,而外邊距本身并不改變。不論哪一種改變,最終結果都一樣,如果聲明為左邊或右邊清除,會使元素的上外邊框邊界剛好在該邊上浮動元素的下外邊距邊界之下。
示例如下:
<html> <head> <style type="text/css"> img { float:left; clear:both; } </style> </head> <body> <img src="/i/eg_smile.gif" /> <img src="/i/eg_smile.gif" /> </body> </html>
輸出結果:
感謝各位的閱讀,以上就是“html5中的clear怎么使用”的內容了,經過本文的學習后,相信大家對html5中的clear怎么使用這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。