display: ;
- inline - block인 요소를 inline으로 바꿔줌 (한 줄에 나란히..)
- block - inline인 요소를 block으로 바꿔줌 (크기,상하마진 적용)
- inline-block - 모든 요소를 inline과 block을 섞은 성격으로
바꿔줌 (한 줄에 나란히 & 크기,상하마진 적용)
- none - 요소를 브라우저 화면에서 사라지게 함.
display:inline;
block인 요소 p태그
block인 요소 div태그
- block인 요소 li태그
- block인 요소 li태그
display:block;
inline인 요소 a태그
inline인 요소 b태그
inline인 요소 i태그
inline인 요소 span태그
display:inline-block;
block인 요소 p태그
block인 요소 div태그
inline인 요소 a태그
inline인 요소 b태그
inline인 요소 i태그
display:none; 으로 사라지게
b tag-01 b tag-02 b tag-03
div tag-01
div tag-02
div tag-03
| th tag-01 |
th tag-02 |
| td tag-01 |
td tag-02 |
visibility:hidden; 으로 사라지게 (공간은 남음)
i tag-01
i tag-02
i tag-03