-
질문 & 답변
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
margin-right:auto 대신 flex-grow
22.12.09 14:01 작성 조회수 273
0
product-name {
margin-right:auto;
flex-grow: 1;
}
1.저 같은 경우는 auto대신 flex-glow:1로 영역을 잡았는데 딱히 뭘 써도 상관없을까요~?
2.이건 위 내용과 관계없지만 음 엘리먼트끼리 간격을 줄때 어떤 상황때 margin을 사용하고 padding을 사용하는 기준이 있을까요?
답변을 작성해보세요.
0
1분코딩
지식공유자2022.12.12
네 정답이 있는 문제는 아니니까요, 상황에 맞춰 적절히 하시면 되겠습니다.
margin은 외부 여백이고 padding은 내부 여백이기 때문에, 그 특징을 고려해서 생각하시면 됩니다. 어떤 박스의 둘레에 여백이 있는데, 여백이 이 박스 내부에 포함되어야 하는 것인지(padding), 아니면 이 박스와 외부의 다른 요소 사이의 간격인지(margin) 구조적으로 생각해 보는 거지요. 애매하다면 그냥 디자인 표현에 더 적합한 걸 골라주시면 됩니다. 예를들어 테두리(border)가 있는 박스가 여러 개 있다면, 각 박스 끼리의 여백은 테두리도 떨어져 있어야 할테니 margin으로 하고, 테두리와 내부 콘텐츠 사이의 여백은 padding으로 해주시면 되겠지요~ 박스의 배경색이 있는 경우도 마찬가지 이고요.
답변 1