首頁  >  文章  >  web前端  >  html5中的clear是什麼意思

html5中的clear是什麼意思

WBOY
WBOY原創
2021-12-21 18:00:263323瀏覽

html5中,clear是“清除”的意思,是一個樣式屬性,用於清除元素周圍的浮動元素,語法為“clear:value”或“Object.style.clear=value”,預設情況下屬性值為“none”,表示允許浮動元素出現在元素周圍。

html5中的clear是什麼意思

本教學操作環境: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" / alt="html5中的clear是什麼意思" >
<img  src="/i/eg_smile.gif" / alt="html5中的clear是什麼意思" >
</body>
</html>

輸出結果:

html5中的clear是什麼意思

#推薦教學:《html影片教學

以上是html5中的clear是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn