Html Tips
홈페이지 작성시 요긴하게 사용되어지는 Html들을 정리해 놓았습니다
-
No Image
flex로 세로 가로 정렬 하기
팝업창이나 모달창을 화면에 중앙에 띄울때 여러 방법들이 있으나 요즘 가장 많이 쓰는 방법은 바로 flex. flex 효과 중 익스에서 안먹히는 것들이 있어 초기에는 자주 안 썼으나 지금은 익스를 많이 배제하므로 Pass~~ <div class="box"> <p> 팝업창이나 모달... -
DIV 화면 정중앙에 박스 배치하기
DIV로 만든 박스를 화면 정중앙에 배치하는 방법은 생각보다 간단하지가 않습니다. 특히 박스의 가로 크기가 변하는 경우는 더욱더 어렵습니다. 예를 들면 Popup위젯의 경우가 해당됩니다. - 일반적인 코드 - <style> #content { position:absolute; height:20... -
DIV 가로 중앙정렬 , 세로 중앙정렬(display:flex; )
DIV 가로 중앙 정렬, 세로 중앙 정렬 코딩을 할 때 가장 기본이 되지만 또 가장 어려웠던 부분이었다. display:flex; 이 코드를 알고 나서 정말 쉽게 코딩이 가능해졌다. 바깥쪽 div, 즉 부모 div에 display:flex; 를 선언하면. 안쪽 엘리먼트, 즉 자식div에 ... -
No Image
<div> 와 같은 블록 요소를 가운데 정렬하는 방법
1. div안에 div가운데 정렬하는 방법 <div class="container" style="text-align: center; margin: 0 auto;" > <div style="border: 1px solid; display: inline-block;"> </div> </div> 바깥 쪽 div에는 text-align과 margin값을 준다. 안에 있는 div의 displ...