본문 바로가기

CSS🔧/css display2

css inline-block 으로 여러컨텐츠 중앙정렬 이렇게 각각의 li 2줄 컨텐츠를 가운데로 정렬해보자. float 을 사용한다면? 기존처럼 li 에 float:left 를 사용한다면, 중앙정렬이 아닌 왼쪽정렬이 되고 밑에 3개도 옆으로 붙어버린다 이럴경우 html 에서 각각 감아서 class로 처리하는 방법도있으나 너무 복쟙.. display : inline-blok 요소는 inline 요소는? 내부는 block 처럼 표시 >박스 모양이 inline 처럼 옆으로 - width, height 사용불가. line-height (높이 조절) & text-aling (텍스트 정렬) 로 사용 li 에 display : inline-blok 을 설정 해준 후 ul 에 text-align : center을 지정해주면 li 컨텐츠가 글자로 인식되어 자동 정렬이 된다.. 2022. 10. 5.

css display란? (block, inline, inline-block) 블록요소 인라인 요소란? CSS block element CSS inline element - 모든 인라인 요소를 포함 할 수있다. + 블록 요소도 포함 할 수 있음 - 너비 width, 높이 height, 안쪽여백 padding, 바깥여백 magin 사용가능 - 블록 요소가 끝나는 지점에서 자동 줄바꿈됨 - 인라인 요소는 다른 인라인 요소를 포함 할 수 있다. - width, height 사용불가. line-height (높이 조절) & text-aling (텍스트 정렬) 로 사용 - 인라인 요소가 끝나는 지점에 줄바꿈 없음 - 컨텐츠가 끝나는 지점 까지의 넓이를 가짐 display : 화면의 웹페이지 레이아웃에 어떻게 나오게 할것인지 결정하는 속성태그 1. dispaly:block (상자) 2. di.. 2022. 9. 6.

이전 1 다음

티스토리툴바