CSS속성 (Float)
Float
- 요소를 좌우 방향으로 띄웁니다.
속성 값에는 none, left, right 등이 있습니다!
float: 방향;
img {
float: left;
}
- 단순 띄움 : 요소에 float 속성을 적용하면, 아래의 그림처럼
적용된 요소 주변으로 문자(text)가 흐르게 됩니다.
- 수평 정렬 : 위의 요소와 다른 방식으로 사용할 수도 있습니다.
밑에 그림을 보시면, 각 요소에 float 속성을 적용하면 차례로 정렬이 되는거죠!
속성 값에는 none, left, right 등이 있습니다!
float: 방향;
img {
float: left;
}
적용된 요소 주변으로 문자(text)가 흐르게 됩니다.
밑에 그림을 보시면, 각 요소에 float 속성을 적용하면 차례로 정렬이 되는거죠!
- 위에서 살펴본 float 속성 외에도 float 해제에 쓰이는 속성과 클래스가
있지만, 과거에 많이 사용했었던 속성(다루기 불편하다)이기 때문에
자세한 내용은 여기를 참고해주세요!!
아참!! float속성이 추가된 요소는 위에서 설명드렸던 display 속성의 값이
block 으로 수정되는 점! 알고계셔야됩니다!! 모르면 구글링 go google~~
Author And Source
이 문제에 관하여(CSS속성 (Float)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@wan-seung/CSS속성-Float저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)