ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでフロートを閉じる方法

CSSでフロートを閉じる方法

王林
王林オリジナル
2021-05-19 14:06:333886ブラウズ

CSS でフローティングをオフにするには、要素に clear 属性を追加し、属性値を none に設定します ([clear:both;] など)。 clear 属性は、要素の特定の側で他の浮動要素が許可されないことを指定します。

CSSでフロートを閉じる方法

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

CSS にはclear 属性があり、要素のどの側で他のフローティング要素を許可しないかを指定します。

一般的に使用される属性値は次のとおりです:


  • left 左側では浮動要素は許可されません。

  • #right 右側には浮動要素は許可されません。

  • #両方の浮動要素を左側と右側で使用することはできません。

  • #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 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。