게시판 본문 이미지 가로정렬 ? 채택완료
안녕 하세요
게시판 본문에 이미지 2개를
가로 로 정렬 하려고 합니다
게시판 입력ㅡhtml 쓰기
아래와 같이 입력 햇는데
세로정렬 로 되고
가로정렬이 안됩니다
본문 내용작성 html 쓰기 에는
아래코드가 안먹히는건지
아니면
코드가 잘못 된건지
고수님들께서
한번 살펴봐 주시고
도움좀 부탁 드립니다
<div>
<div style="display:inline; width:48%;">
<img src="http:/이미지A>
</div>
<div style="display:inline; width:48%;">
<img src="http:/이미지B>
</div> </div>
답변 2개
구글링 하루종일 디져서
자체 해결 햇습니다
margin:0 auto; 태그로
<div> 박스 가운데 정렬하고
float: 태그로 이미지 3개 가로정렬 햇습니다
답변에 대한 댓글 2개
죄송한데 소스 실예를 좀 볼수 있을까요?
댓글을 작성하려면 로그인이 필요합니다.
본문? edit 안에 서의 최고 부모는 html는 % 기준이 아닙니다. px기준이 됩니다. display:lnline; 텍스트를 사용하시면않되고 flex or inline-block; 속성을 가져줘야합니다
<div style="display: flex; justify-content: space-between; width: 100%;">
<div style="width: 48%;">
<img src="http://이미지A" style="width: 100%;">
</div>
<div style="width: 48%;">
<img src="http://이미지B" style="width: 100%;">
</div>
</div> // 이런식으로 해보시기 바랍니다.
답변에 대한 댓글 4개
님 소스 그대로 적용해 보앗는데
여전히 안되네요 ㅠㅠ
%기준이 아니고 px가 되어야 한다고 하셧는데
위소스 그대로 %로 적용해 보니
이미지 사이즈는 48%로 되는데
가로정렬이 안되네요 ㅠ
가로로 정렬이 되어야 하는데
48%<div 2개가 세로로 정렬 됩니다
하여
<div style="white-space: nowrap;">
<img src="http://이미지A" style="width: 48%;">
<img src="http://이미지B" style="width: 48%;">
</div>
이런식으로 강제로 한번 적용해보시겠습니까?
쉽게 말해서
<div style="white-space: nowrap;">
</div> //이렇게 html 코드로 넣어주시고 다시 이미지 사진을 추가해보시라는것입니다. 이미지사이즈는 선택하고 조절하면되구요 https://yesmyhome.kr/bbs/board.php?bo_table=free&wr_id=1
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인