float:left 질문입니다!
안녕하세요 강사님의 좋은 강의 잘 듣고있습니다^-^! 다름이 아니라 강사님께서 <li>를 가로(한 줄)로 나열할 때 float:left를 사용하셨는데, 혹시 float:left 대신에 display:inine-block으로 바꿔서 사용해도 괜찮은가요?! 제가 실습하면서 float 대신에 inline-block으로도 해봤는데 float와 똑같은 화면이 나오더라구요! 둘의 차이점이 정확히 뭔지 궁금합니다ㅠㅠㅠ
답변 1
1
안녕하세요 ^^ 질문 감사드립니다 ㅎㅎ
inline-block 은 말그대로 inline의 특징과 block의 특징을 모두 가진 요소라서
줄바꿈이 이루어지지 않고 width와 height를 지정 할 순 있지만
만약 지정하지 않으면 inline과 같이 내용 즉 컨텐츠 만큼만 영역이 잡힙니다 ㅎㅎ
그래서 확실한 영역을 잡아주기 위해서는 주로 block 요소를 써주는게 좋습니다~~
궁금 하시면 언제든 질문주세요~~ 좋은 저녁되세요 ^^
수업자료와 노션 공유 문제
0
11
3
'CSS Level 3: grid'의 정리본 PDF도 올려주시면 좋을 듯 합니다.
0
54
2
경력기술서는 어떤 방향이 좋을까요?
0
52
2
왜 https://via.placeholder.com/150 등 링크가 연결이 안되나요?
0
74
3
어플리케이션 실행 후 에러에 관하여 질문 드립니다.
2
60
2
26,27강 진행 간 노션, html 프롬프트 파일 불일치
0
67
3
<div id="banner">배너 이미지</div> 관련 질문
0
34
1
변수 설정 시에 질문입니다.
0
39
2
설치 및 설정 가이드 노션 자료는 없나요 ?
0
44
2
counter01.html은 어디있을까요?
1
30
1
'VIEW' 라는 텍스트를 박스 가운데로 오게 만들 때
0
239
1
width100%궁금합니다~
0
226
1
리셋에 대한 질문
0
229
1
<span> 태그와 <div>, <p> 태그 관련 질문입니다!
0
766
2
잘못 구입한거 같네요..
0
201
1
강의자료 다운로드 문의
0
257
1
section.global에서 애니메이션 질문
0
160
0
cover는 background 속성의 올바른 값이 아닙니다.
0
1648
2
float
0
176
1
text-align
0
328
4
animation widthAni 줄때 .txtImg에 overflow:hidden
1
309
1
after와 before의 차이
0
309
1
안녕하세요 강의 폴더
1
374
1
영상 1, 2 자연스럽게 연결돈게 맞나요?
0
301
1