(html/css) div를 화면 정중앙에 정렬하는 방법 가끔 반응형 웹을 보면 화면 정중앙에 네모난 div가 위치한 모습을 볼 수 있다!(정말 예쁘지 않은가?) div를 페이지 정중앙에 정렬하려면 어떻게 해야할까?(수평/수직 정렬 등이 모두 필요하다!) 다음과 같이 처리하면 된다! 해외 엔지니어가 올려준 소스인데 정말 깔끔하고 유용한 것 같다.(댓글이 온통 극찬 세례이다!) 출처 : http://stackoverflow.com/questions/17520145/center-a-div-horizontally-and-vertically-and-keep-centered-when-resizing-the-par 더보기 (html/css) div 2개 나란히 정렬하는 방법 div를 나란히 정렬하는 것은 사실 굉장히 복잡한 css 기술을 요구한다. 하지만 inline-block을 사용하면 굉장히 심플하게 원하는 효과를 낼 수 있다! 비록 100% 완벽한 방법은 아니지만(좀 더 복잡한 코드를 사용할 수도 있겠지만) 가장 직관적으로 효과를 구현할 수 있는 방법이므로 강력 추천한다! 다음과 같이 처리하면 된다! A영역 B영역 더보기 (html/css) 둥근 div 만들기(border-radius 이용) div를 둥글게 만들려면 어떻게 해야할까? border-radius 옵션을 사용하면 아주 간단하게 만들 수 있다!(이제 포토샵은 더 이상 필요없다!) 다음과 같이 처리하면 된다!(완전히 둥근 원을 볼 수 있을 것이다!) IE9에서 제대로 동작하지 않는다면 에 다음 태그를 삽입해주면 된다! 더보기 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음