게시판 본문 이미지 가로정렬 ?
본문
안녕 하세요
게시판 본문에 이미지 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
본문? 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> // 이런식으로 해보시기 바랍니다.
님 답변 감사 합니다
님 소스 그대로 적용해 보앗는데
여전히 안되네요 ㅠㅠ
%기준이 아니고 px가 되어야 한다고 하셧는데
위소스 그대로 %로 적용해 보니
이미지 사이즈는 48%로 되는데
가로정렬이 안되네요 ㅠ
100% <div 안에 48% <div 2개가
가로로 정렬이 되어야 하는데
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
참고로 전 비추천합니다. 에디터에서는 그냥 한개를 하던두개를 하던 상관없이 그냥 추가하시고 이를 뷰스킨페이지 에서 에디터이미지 함수를 이용하여 직업 가로 두개씩 배치하도록 해주는게 현명할것으로 보입니다. https://yesmyhome.kr/bbs/board.php?bo_table=Exhibition_News&wr_id=5 이런식으로
구글링 하루종일 디져서
자체 해결 햇습니다
margin:0 auto; 태그로
<div> 박스 가운데 정렬하고
float: 태그로 이미지 3개 가로정렬 햇습니다
네 고생하셨습니다.~^^
고생하셨습니다.
죄송한데 소스 실예를 좀 볼수 있을까요?