CSS에서 float 속성의 속성 값은 무엇입니까-CSS 튜토리얼-php.cn

CSS에서 float 속성의 속성 값은 무엇입니까

青灯夜游

풀어 주다： 2023-01-03 09:24:43

원래의

15771명이 탐색했습니다.

CSS에서 float 속성은 요소가 부동하는 방향을 정의하는 데 사용됩니다. 설정할 수 있는 속성 값은 다음과 같습니다. 1. "left", 요소가 왼쪽으로 부동하도록 정의합니다. right"는 요소가 오른쪽으로 부동하도록 정의합니다. 3. "none"은 요소가 부동하지 않고 텍스트에 나타나는 위치에 표시된다는 것을 정의합니다. 4. "inherit".

CSS에서 float 속성의 속성 값은 무엇입니까

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS에서 float 속성은 자주 사용되는 속성입니다. 초보자의 경우 float의 의미와 특성을 이해하지 못하면 Clear 상태를 사용하기가 헷갈리기 쉽습니다.

float 속성

float은 이름에서 알 수 있듯이 float입니다. float 속성이 설정된 요소는 속성 값에 따라 왼쪽이나 오른쪽으로 떠 있게 됩니다.

요소가 float 속성을 사용한 후에는 요소가 표준 흐름 자체에서 분리되어 다른 요소 위에 떠 있을 수 있으므로 원래 요소에 속한 공간을 더 이상 차지하지 않습니다. 이로 인해 후속 요소가 위로 이동하여 차지하게 됩니다. 원래 요소의 공간에 속한 공간입니다.

속성 값

left: 요소가 왼쪽으로 부동합니다.
right: 요소가 오른쪽에 떠 있습니다.
없음: 기본값입니다. 요소는 부동되지 않으며 텍스트에 나타나는 위치에 나타납니다.
inherit: float 속성의 값이 상위 요소에서 상속되도록 지정합니다.

【추천 튜토리얼: CSS 비디오 튜토리얼】

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>css float属性</title>
<style>
img 
{
	float:right;
}
</style>
</head>

<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img  src="img/1.jpg"    style="max-width:90%"  style="max-width:90%" / alt="CSS에서 float 속성의 속성 값은 무엇입니까" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>

</html>

로그인 후 복사

렌더링:

CSS에서 float 속성의 속성 값은 무엇입니까