반응형 이미지 정렬
본문
홈화면에 이미지 a,b 가로배열로 1200px안에 반응형 으로 들어가게 하고싶어요.
<div>로 넣으면 b가 a밑으로 가고, a와b를 같이 넣으면 b의 오른쪽 여백이 생깁니다.
a,b가 같이 줄어드는 반응형 소스를 알고 싶어요.
도와주세요.
답변 3
div로 넣으시고 해당 div의 display 속성을 inline-block 또는 flex;로 해주시고
width속성을 50%로 하시면 될 듯하네요
<div style="width:1200px;">
<div style="width:500px; height:300px; float:left;"></div>
<div style="width:500px; height:300px; float:left;"></div>
<div style="clear:both;"></div>
</div>
스타일속성에 float:left 를 주시면 일반 개채처럼 옆으로 붙게 됩니다.
그리고 더이상 float 이 필요없다면 마지막에 clear:both; 로 초기화 해주시구요.
답변을 작성하시기 전에 로그인 해주세요.