[ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 : float ) > html

본문 바로가기

사이트 내 전체검색

html

[ css ] 태그의 정렬 ( 테이블과 같이 효과를 얻기 위해 사용하는 css의 종류 : float )

작성일 21-01-13 10:00

페이지 정보

작성자 웹지기 조회 5,367회 댓글 0건

본문

가로 정렬, 세로 정렬 등 테이블과 같이 명확한 효과를 얻기 위해 사용하는 css의 종류와 사용법

float를 사용하는 경우 float를 해제 해줘야 한다.

첫번째로 float를 사용하는 방법

float:left(왼쪽정렬), float:right(오른쪽정렬)

<div class="clear">

 <div class="left"></div>

 <div class="left"></div>

 <div class="left"></div>

</div>

float를 사용하는 경우 float를 해제 해줘야 한다.

그래서 css에 다음과 같은 방법을 사용하면 좋다.

.clear:after{ content:""; clear:both; display:block;}

.left{float:left;box-sizing:border-box}

 

 

 


추천0

비추천 0

댓글목록

등록된 댓글이 없습니다.

전체 42건 1 페이지

이미지 목록

게시물 검색
Copyright © 즐거운 코딩 생활 ( funyphp ). All rights reserved.
PC 버전으로 보기