Span태그 관련 질문
안녕하세요 그랩님!
<span> 태그와 관련해서 질문이 있습니다.
강의에서 제품명과 가격 코드를 입력할 때 <span>태그로 코드를 작성한 뒤, 줄바꿈이 되지 않는 부분은 부모 콘텐츠에 flex를 활용해서 줄바꿈을 해주셨는데요.
혹시 해당 부분에 <p>태그나 <div>태그를 사용해서 부모 콘텐츠에 flex코드를 입력하지 않고 줄바꿈이 되게 하지 않고, <span>태그를 활용해야 하는 특별한 이유가 있나요?? 해당 예시에서는 <p>태그나 <div>태그로 코드를 작성해도 크게 다른 바 없이 구현이 되어서 혹시 코드가 복잡해 질 때? span태그를 사용해야만 하는 특별한 이유가 있는 것인지.. 궁금합니다!
답변 1
1
좋은 질문 감사합니다.
사실 해당 상황에서는 p태그나 div태그를 사용해도 전혀 상관이 없습니다! 어차피 element를 아래로 순차적으로 나열하는 것이기에 무방한 거죠.
다만 아래와 같은 특징을 고려해서 문제를 해결해야할 때도 있을 거예요!
span태그의 경우 글자 크기만큼만 너비를 가지는 속성이 있습니다(inline)
반면 p태그나 div 태그처럼 block 속성을 가지는 태그는 전체 너비를 차지하고 바로 줄바꿈이 생깁니다.
[해결]그랩님 답변 주세요.
0
192
2
그랩님의 답변을 기다립니다/102강 전반적인 에러
0
165
2
[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.
0
139
2
[재질문][그랩님 답변 부탁드립니다]101강
0
163
2
[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문
0
120
2
Ngrok 설치 후 forwarding Url 에러
0
148
2
[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.
0
252
2
Ngrok 설치 후 forwarding Url로 연결 불가
0
158
1
그랩님,[꼭] 답변 부탁드립니다.
0
76
1
[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.
0
162
1
6강/7강 수업
0
56
1
그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.
0
105
2
그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.
0
148
2
[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
95
1
Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?
0
134
2
일반적인 css 꾸미기에서 width와 height의 값?
0
98
2
Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법
0
204
1
그랩마켓 웹화면 구현하기 -2 질문입니다.
0
127
1
react에 반영이 되지 않습니다.
0
252
1
터미널 npm install -g create-react-app 작성 후 오류
0
430
1
create-react-app my app 실행 시 에러
0
358
2
포스트맨 질문
0
105
1
<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.
0
269
2
그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.
0
492
2