0217_display

#display

display:block; //숨긴것을 보여줄때도 사용

display:inline;

display:inline-block; // 둘이 합쳐짐

display:none; // 컨텐츠 숨길때 사용 스크린 리더기가 못읽음(so, 안읽어도 되는 요소에만 적용)

>주로 스크립트 작업때 많이 사용 함

예) 탭UI에서 탭버튼에 마우스 오버하면 해당 콘텐츠 노출

예) 페이징 버튼
방법 2가지
1) ul il(블록요소) a: 세로로 배치됨
2) div a(인라인요소) : 가로로 배치됨 

1)방법은 세로기 때문에 가로로 배치해 주어야 함
부모: 가운데로 배치 <--text-align: center
자식은 옆으로 가서 가로로 배치 <-- display:inline-blcok