G's days
display 이해하기 종류, 특징 본문
display의 종류
- display : block 한줄을 차지함
- display : inline 내용이 있는 부분만 보여줌
- display : inline-block 상자. 상자만큼 차지함(한줄에 여러 개 배치 가능)
* 코드상 띄어쓰기or줄바꿈하면 화면상 공백생김
완전히 붙이려면 코드상에서 붙여준다
EX) <li>straw</li><li>berry</li>
그냥궁금증
block요소를 한줄로 배치하고 싶을 때
display : inline-block VS float : left
ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬)
1. 가운데 정렬 ul 속성에 text-align : center li 속성에display : inline-block (float : left 와 함께 쓰면 안 됨) 2. block요소를 한 줄로 배치 li 속성에 둘 중 하나 1) display : inline-block ===> inli..
gsdays.tistory.com
'프로그래밍 공부 > Html, CSS' 카테고리의 다른 글
| [JQUERY]그림 슬라이드 이동 setInterval (1) | 2021.06.02 |
|---|---|
| [box-sizing] 왜 상위태그 상자 안에 있는 block요소에 margin-top을 주면 상자 전체가 움직일까??? (0) | 2021.05.26 |
| ul속 여러 개의 li를 화면 가운데 정렬 (block요소 가운데 정렬) (0) | 2021.05.26 |
| [CSS] selector, property, value (0) | 2021.05.22 |
| 내가 보려고 만든 position 완전히 이해하기 (0) | 2021.05.22 |