首頁 > web前端 > 前端問答 > html5中的clear是什麼意思

html5中的clear是什麼意思

WBOY
發布: 2021-12-21 18:00:26
原創
3393 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板