Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- css속성 #float속성 #clear속성
- 포트폴리오사이트 #포트폴리오 #웹디자인포트폴리오
- css포지션 #포지션속성 #cssposition
- 직장인애환
- 소개팅어플
- overflow속성
- float의문제점
- css배경 #css백그라운드
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기후기 #웹디자인기능사공부 #웹디자인기능사실기공부
- css그라데이션 #css
- 미디어커리 #뷰포트
- 폰트어썸 #fontawesome #폰트어썸사용법 #폰트어썸사용하기
- css속성 #display속성
- 어도비XD #프로토타입 #햄버거메뉴 #슬라이딩메뉴
- 무선마우스 #앤커무선마우스 #A7852
- 앤커마우스 #버티컬마우스 #앤커버티컬마우스
- 인터넷익스플로러버전확인 #인터넷버전확인#인터넷버전검색#인터넷익스버전검색
- 연봉
- 웹디자인기능사#웹디자인기능사실기#웹디자인기능사실기공부
- 유튜브핀마이크 #핀마이크 #스마트폰마이크 #핀마이크추천 #PM100 #가성비핀마이크
- 프리미어 #프리미어자동으로늘어나는글자 #프리미어글자 #프리미어자막 #프리미어자동자막 #프리미어자막넣기
- css텍스트스타일 #text-transform
- 크롬마우스우클릭 #크롬마우스우클릭해제 #마우스우클릭해제 #마우스우클릭확장프로그램 #크롬확장프로그램 #마우스우클릭허용 #크롬사진퍼가기
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사3회 #웹디자인기능사합격 #웹디자인기능사후기 #웹디자인기능사실기후기 #웹디자인기능사실기합격 #디자인자격증 #국가자격증
- 내컴퓨터아이피 #내컴퓨터아이피확인 #아이피확인 #컴퓨터아이피 #아이피주소확인
- css선택자 #css #선택자 #selector
- 취업성공패키지 #취업성공패키지웹디자인 #취업성공패키지웹퍼블리셔 #웹퍼블리셔 #웹디자인 #국비지원웹디자인 #국비지원웹퍼블리셔
- vertical-align #css표스타일
- 웹디자인기능사 #웹디자인기능사공부#웹디자인기능사실기
- 웹디자인기능사 #웹디자인기능사실기 #웹디자인기능사실기공부
Archives
- Today
- Total
블로그
CSS display속성 - 화면 배치 방법 결정하기 본문
728x90
블록 레벨 요소 -> 인라인요소
인라인 레벨 요소 -> 블록레벨요소
속성 값 | 풀이 |
block | 박스를 블록 요소로 만들어 줌. (줄 바꿈이 일어남) |
inline | 박스를 인라인 요소로 만들어 줌. (줄 바꿈이 일어나지 않음), 크기 못줌 |
inline-block | 박스를 인라인 요소로 두어 줄 바꿈은 일어나지 않게 하면서 블록에 쓸 수 있는 속성을 쓸 수 있음, 크기가능 |
none | 박스를 보이지 않게 숨겨줌. |
※ 블록에 쓸 수 있는 속성이란? - width, height, padding, text-align...등
'CSS' 카테고리의 다른 글
종속관련&화면 정가운데 배치하기 (0) | 2020.05.28 |
---|---|
CSS 텍스트스타일 text-transform 속성 - 텍스트 대·소문자 변환하기 (0) | 2020.05.23 |
CSS 레이아웃(float,clear,overflow속성) (0) | 2020.05.22 |
CSS 표스타일(vertical-align속성) (0) | 2020.05.17 |
CSS 선택자(Selector) (0) | 2020.05.17 |