CSS 布局 - 浮动和清除

CSS 布局 - 浮动和清除

CSS float ఈ అనునాసరం అంశాన్ని ఫ్లోట్ చేయడానికి ఉపయోగిస్తారు.

CSS clear ఈ అనునాసరం అంశాలను నిర్ణయించడానికి మరియు ఫార్మాట్ చేయడానికి ఉపయోగించబడుతుంది. ఉదాహరణకు, ఫ్లోట్ అనునాసరం కింద ఉన్న అంశాలను పాఠం వైపు కుడివైపు ఫ్లోట్ చేయడానికి ఉపయోగించబడుతుంది.

float అనునాసరం

float ఈ అనునాసరం ఉపయోగించబడుతుంది అంశాలను నిర్ణయించడానికి మరియు ఫార్మాట్ చేయడానికి, ఉదాహరణకు చిత్రాన్ని కంటైనర్ లోని పాఠం వైపు ఎడమ వైపు ఫ్లోట్ చేయడానికి.

float ఈ అనునాసరం కి క్రింది విలువలలో ఒకటిని నిర్ణయించవచ్చు:

  • left - అంశం తన కంటైనర్ ఎడమ వైపు ఫ్లోట్ అవుతుంది
  • right - అంశం తన కంటైనర్ కుడి వైపు ఫ్లోట్ అవుతుంది
  • none - అంశం ఫ్లోట్ లేదు (పాఠంలో క్రమంగా కనిపిస్తుంది). అప్రమేయ విలువ.
  • inherit - అంశం తన పూర్వీక ఫ్లోట్ విలువను అనుసరిస్తుంది

సరళమైన ఉపయోగం ఇలా ఉంటుంది:float ఈ అనునాసరం పత్రికలో పాఠం చిత్రం చుట్టూ పెట్టడానికి ఉపయోగపడుతుంది.

ఉదాహరణ - float: right;

ఈ ఉదాహరణలో, చిత్రం పాఠంలో కుడి వైపు ఫ్లోట్ అని నిర్దేశించబడింది:

పినాపల్

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。

我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。

在 CodeW3C.com，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。

ఉదాహరణ

img {
  float: right;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ - float: left;

ఈ ఉదాహరణలో, చిత్రం పాఠంలో ఎడమ వైపు కనిపించాలి అని నిర్దేశించబడింది:ఎడమ వైపుఫ్లోట్ అని పిలుస్తారు:

పినాపల్

领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。

我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。

在 CodeW3C.com，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。

ఉదాహరణ

img {
  float: left;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ - ఫ్లోట్ లేదు

ఈ ఉదాహరణలో, చిత్రం పాఠంలో క్రమంగా కనిపించే స్థానంలో చిత్రం చూపబడుతుంది (float: none;):

పినాపల్ 领先的 Web 技术教程 - 全部免费。在 CodeW3C.com，你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS，乃至进阶的 XML、SQL、JS、PHP。 我们的参考手册涵盖了网站技术的方方面面。其中包括W3C标准技术：HTML、CSS、XML 。以及其他技术，诸如 JavaScript、PHP、SQL 等。 在 CodeW3C.com，我们提供上千个实例。通过使用我们的在线编辑器，你可以编辑这些例子，并对代码进行实验。

ఉదాహరణ

img {
  float: none;
}

స్వయంగా ప్రయత్నించండి

విస్తరించిన వాచకం

బైబిల్:CSS ఫ్లోట్