묻고답하기
반응형웹에서의 이미지 중앙정렬
2014.07.23 16:33
모바일 해상도보다 작은 픽셀의 이미지는
반응형웹으로 보면 좌측으로 정렬되고
해상도가 넘치는 것들은 알아서 줄어들고 중앙에 붙는데요...
작은 픽셀의 이미지들을 중앙에 정렬되게 하는 방법은 없는건가요?
고수님들의 답변 기다려 봅니다 ㅜㅜ
2014.07.23 16:33
모바일 해상도보다 작은 픽셀의 이미지는
반응형웹으로 보면 좌측으로 정렬되고
해상도가 넘치는 것들은 알아서 줄어들고 중앙에 붙는데요...
작은 픽셀의 이미지들을 중앙에 정렬되게 하는 방법은 없는건가요?
고수님들의 답변 기다려 봅니다 ㅜㅜ
제 생각에는 반응형 레이아웃 이 어떻게 이뤄져 있는지 구조를 파악하셔야 수정도 잘 하시고 할 것 같습니다.
난 이런 저런거 다 필요없고 중앙정렬만 필요있으니까 더 이상 배우고 싶지않다! 라는 생각이 드신다면
레이아웃이 로딩하고 있는 css파일에 아래를 적어 넣어주세요
.centered { display:table; margin-left:auto; margin-right:auto; }
그리고 레이아웃으로 쓰고 있는 layout.html파일 열어서 중앙정렬하고 싶은 부분에 <div class="centered"> 여기에 해당 코드내용 </div> 하시면 딱 그 부분만 중앙정렬 될 거에요.
주의하실 점은 다른 클래스 안에 들어가지 않도록 하시구요...(저는 전문가가 아니라서 이걸 뭐라 표현해야 할 지 모르겠네요 css 보실 줄 안다면 저 내용으로 css 짜시면 되요)