CSS 부동 속성을 사용하는 방법
- 藏色散人원래의
- 2019-05-27 17:36:192694검색
CSS 부동 속성은 상자(요소)가 부동이어야 하는지 여부를 지정하는 데 사용됩니다. 절대적으로 배치된 요소는 부동 속성을 무시합니다!
CSS 부동 속성을 사용하는 방법은 무엇입니까?
속성 정의 및 사용 지침
float 속성은 상자(요소)가 부동해야 하는지 여부를 지정합니다.
참고: 절대 위치에 있는 요소는 부동 속성을 무시합니다!
기본값: none
상속: no
버전: CSS1
JavaScript 구문:
object.style.cssFloat="left"
속성값
left 요소는 왼쪽으로 이동합니다.
오른쪽 요소는 오른쪽으로 이동합니다.
없음 기본값. 요소는 부동되지 않으며 텍스트에 나타나는 위치에 나타납니다.
inherit는 float 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.
예
이미지를 오른쪽으로 띄우기:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
img
{
float:right;
}
</style>
</head>
<body>
<p>在下面的段落中，我们添加了一个 <b>float:right</b> 的图片。导致图片将会浮动在段落的右边。</p>
<p>
<img src="logocss.gif" style="max-width:90%" style="max-width:90%" / alt="CSS 부동 속성을 사용하는 방법" >
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
这是一些文本。这是一些文本。这是一些文本。
</p>
</body>
</html>효과:
위 내용은 CSS 부동 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 마크 태그를 사용하는 방법다음 기사：HTML 마크 태그를 사용하는 방법