끄적이는 퍼블리셔♥

[CSS]input과 button에 display:block을 주면 width:100%이 될까? 본문

홀로 공부/HTML, CSS

[CSS]input과 button에 display:block을 주면 width:100%이 될까?

TargetA 2023. 6. 3. 08:42

상당한 기초인데, 새삼 알게되어서 잊지 않고자 포스팅을 한다.

 

1. input과 button은 원래 form요소인 inline-block

form요소는 원래 display 속성이 inline-block 이다.

그러나, 코딩할때 display: block 로 변경해줘야할 경우가 있다.

 

2. input, button을 display:block로 변경해주면 width:100%는 따로 줘야한다.

block 요소가 되어도 width:100% 를 따로 주어야 한다.

왜 저절로 안될까..

여튼 그러하다..

'홀로 공부 > HTML, CSS' 카테고리의 다른 글

[CSS]transform속성: translate, scale 한줄로 쓰기  (0) 2023.06.03
[CSS] flex: 1 받은 자식 요소에 반응형 height 값 주기  (0) 2023.06.03
[CSS] background 속성 이어서 쓰면 ie에서 적용 안됨  (0) 2023.06.02
[HTML] 팝업과 모달의 차이(+레이어 팝업, 토스트 팝업, 시스템 팝업)  (0) 2023.05.30
[HTML] html5의 특징(html과 다른점)  (0) 2023.05.30
'홀로 공부/HTML, CSS' Related Articles more