이전 목록 다음

반응형 이미지 정렬

mac270
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-13 (월) 01:00:38 4,417

3067377817_1557676545.4271.jpg

홈화면에 이미지 a,b 가로배열로 1200px안에 반응형 으로 들어가게 하고싶어요.

<div>로 넣으면 b가 a밑으로 가고, a와b를 같이 넣으면 b의 오른쪽 여백이 생깁니다.

a,b가 같이 줄어드는 반응형 소스를 알고 싶어요.
도와주세요.

그누보드 이미지 반응형이미지 이미지정렬
|

답변 3개

애애드프로
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-13 (월) 01:48:24

<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; 로 초기화 해주시구요.

볼볼피드
프로필 보기이 회원 글보기이 회원의 댓글보기
 2019-05-13 (월) 01:40:40

div로 넣으시고 해당 div의 display 속성을 inline-block 또는 flex;로 해주시고

width속성을 50%로 하시면 될 듯하네요

답변을 작성하려면 로그인이 필요합니다.