<div style="position:fixed; bottom:10px;">
<div><a href="https://open.kakao.com/o/******" target="_blank"><img src="go.png" style="width:100%; max-width:1000px;"></a></div>
</div>
위 소스는 하단에 고정된 바로가기 부분 소스입니다.
스크롤하면 하단에 잘 고정은 되는데, 가운데정렬을 어떻게 해야할지 모르겠습니다ㅠㅠ
빨간색 하단 고정이미지도 가로 1000px 세로 40px 사이즈입니다.
text-align:center 도 넣어보고 이것저것 다해봐도 안되네요.
이미지 콘텐츠는 PC에선 가로 1000px로 보이고 모바일에서는 100%로 보여져야 합니다.
모바일, PC 상관없이 무조건 100%라면 상관없는데... PC가 문제네요.
도움부탁드립니다...
답변 2개 / 댓글 1개
<div style="position:fixed;bottom:10px;left: 0;width: 100%;overflow: hidden;">
<div style="width: 300px;overflow: hidden;height: 30px;margin: 0 auto;"><a style="background:#ff0000" href="https://open.kakao.com/o/******" target="_blank"></a></div>
</div>
div에 넓이 1000을 주고 margin 0 auto 처리해보세요
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.