작성한 질문수 6
플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)
Flex UI 실전 제작(4) – 반응형 상담 신청하기(5)
2021. 10. 14. 07:52 작성
·
921
1
안녕하세요?
이름 label 은 인라인 요소인데 상하 margin 못갖는것아닌가요?
..row .field label {
margin-bottom: 5px;
}
display:inline으로 입력 후에도
margin-bottom: 5px; 이 적용되니
이해하기 어렵습니다.
답변 1
0
2021. 10. 14. 10:26
flex가 선언되면 자식요소는 인라인블록으로 변경됩니다.
그래서 .row .field에 display:flex를 주셔서 자식요소인 label이 인라인이었던게 인라인블록이 되어서 마진 상하를 갖게 된 것입니다.
이 글과 비슷한 Q&A
가로스크롤
24.04.22. 19:46
368
상위 태그 영역 무시 하는 방법
23.10.12. 02:34
740
2
반응형 적응형 구분
23.06.15. 05:55
709
flex가 적용되면 하위에 있는 인라인의 속성은?
22.12.24. 05:44
315