Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

float 1

[css] float

🚀 float : 둥둥떠있다는뜻 그림과 글이 자연스럽게 흐르는 텍스트 레이아웃을 웹에서 구현하기 위해 탄생하였다. HTML 삽입 미리보기할 수 없는 소스 - float : right로 준 결과 사진이 오른쪽으로 배열되고 , 글이 자연스럽게 흐르는것을 볼 수 있다. 🥸 float를 쓰면 inline요소로 작용하고 , 그 다음요소는 inline-block요소로 바뀐다. 아래 예제를 통해 알 수 있다. See the Pen Untitled by mandelina (@mandelina) on CodePen. 분명 block요소인 div 2개에 대해서 1번째요소에게 float 속성을 적용시키면 "해당 text"만큼의 공간만을 차지하고 오른쪽으로 배치되는 것을 알 수 있다 . 🥸 자식요소들이 모두 float속성을 ..

FE/HTML,CSS 2022.04.12
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

TpyeScript, 멋쟁이사자처럼, CSS, JS, useEffect, http, 코딩테스트, 프론트엔드스쿨, 리액트, node.js, spa, 프론트엔드스쿨2기, react, 리덕스툴킷, 프론트엔드, 프로그래머스, 리덕스, HTML, 자바스크립트, TypeScript,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바