首頁 > web前端 > css教學 > css如何關閉浮動

css如何關閉浮動

王林
發布: 2023-01-06 11:14:12
原創
3913 人瀏覽過

css關閉浮動的方法是,為元素新增clear屬性,並且設定屬性值為none即可,例如【clear:both;】。 clear屬性規定了元素的某處不允許其他浮動元素。

css如何關閉浮動

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

css中有一個屬性clear,該屬性規定了元素的哪一側不允許其他浮動元素。

常用屬性值有:

  • left    在左側不允許浮動元素。   

  • right    在右邊不允許浮動元素。   

  • both    在左右兩側皆不允許浮動元素。   

  • none    預設值。允許浮動元素出現在兩側。   

  • inherit    規定應該從父元素繼承 clear 屬性的值。   

舉個小例子:

<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>
登入後複製

相關影片分享:css影片教學

以上是css如何關閉浮動的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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