HTML CSS JS
display: inline / display: block / display: inline-block
Programmers
2021. 12. 15. 07:39
반응형
1) display: inline;
줄바꿈x, width, height속성 지정x, margin, padding 상하간격 반영 x
예) <span>, <a>, <em>
2) display: block;
줄바꿈o, width, heigth, margin, padding속성 지정o
예) <div>, <p>, <h1>
3) display: inline-block;
줄바꿈x, width, height, margin, padding속성 지정o
예) <button>, <input>, <select>
반응형