표 작성시 이미지가 줄어들지 않고 공백이 생깁니다.
본문
게시판수정> 상단내용 에서 표를 만들어 배너를 삽입할려고 합니다.
에디터는 smarteditor2 입니다.
1. 표에 이미지 삽입시 사이즈가 자동 조절이 안되고 라인을 넘어버립니다.
HTML 클릭해 변환 후 img 태그에 class="img-responsive" 넣어주니 정상적으로 출력은 되지만
그냥 표에 이미지 삽입하고 자동으로 되었으면 합니다. CSS를 건들면 된다는데
여러 글들은 보니 max-width:100%;height:auto; 넣어주라고 하는데 어디에 넣는지?
경로를 모르겠습니다. 그리고 이 방법이 맞는지도요
2. 표에 이미지 삽입하고 띄어쓰기, 줄바꿈이 없는데도 이미지 하단에 공백이 생깁니다.
글을 작성을 해도 중앙에 있지 않고 위로 올라가 있네요
이경우도 어떻게 해야 하는지 방법 좀 가르쳐주세요
고수님들의 소중한 답변 부탁합니다.
답변 4
flex를 사용하시는편이 좋을듯 하네요 모든 사항들이
<img style="display:block" src="이미지경로">
또는
<style>
img { display:block; }
</style>
---
<img src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<img style="display:block" src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
<img src="https://blog.kakaocdn.net/dn/dGvqOG/btrcONHUaWw/cvKSoMdobz8gmS3ubZTYcK/img.jpg">
위 코드를 https://wittazzurri.com/editor/html_editor.php 좌측창에 붙이고 결과보기 클릭해 보셈.
img 에 스타일로 display:block 을 준 애는 하단 간격이 없고 안 준 에는 뻘공간이 생깁니다.
!-->이미지에 style=width:100% 를 줘 보셨는지요?
그리고 표에 이미지 삽입하고 자동으로 하려면 무조건 class 를 줘야 합니다.
배너를 몇십개 띄울거라 html로 하신다면 , 배너 수정관리가 필요하시다면 ,
지금의 방법이 아닌 다른방법 으로 하시는것을 추천드립니다.
저는 배너게시판을 만들고
latest 를 이용하여 게시판 스킨 상단에 불러오시는 방법을 추천드립니다.
에디터에 css 적용하시는것을 어려워 하시니
latest에서 css 적용은 에디터에 적용하는 것보단 조금 쉬우실겁니다.
추가로 php에 관해 좀더 아신다면, 배너 정렬, 순위, 노출기간 등등의 작업들을 만들기 좋습니다.