-
Html, CSS 2018‧09‧27
텍스트 세로 방향으로 타이핑
글자가 입력된 문장 자체를 90도 돌린 듯 한 표현으로 타이핑 되게 하려면 아래처럼 작성한다. (단, 한글은 제외된다. 한글일 경우에는 적용되지 않고 세로로만 타이핑 된다.) writing-mode: vertical-rl; text-orientation: mixed; 그러면 이렇게 노출된다. 한 줄 내리면 이렇게 나온다. English text 글자들을 각도 조절되지 않고 세로로 타이핑 되게 하려면 아래처럼 작성한다. writing-mode: vertical-rl; text-orientation: upright; 그러면 이렇게 노출된다. […]
-
Html, CSS 2014‧09‧26
div 엘리먼트 가로, 세로 중앙 배치
div를 브라우저의 정중앙이나 원하는 엘리먼트 정중앙에 위치시키고 싶을 때가 있다.특히 레이어 팝업을 만들어 노출할 때 주로 필요로 하다. 하지만 아쉽게도 이게 정답이다라고 할 방법은 없다. 이유는 어떤 것은 크로스 브라우징이 안되는 Transform을 사용할 때도 있고, 마진으로 억지로 맞추는 경우등 여러가지 방법등이 있다. 그중에 본인이 주로 쓰는 방법이 있다. div 가로 세로 길이가 정의된 경우에 유용하다. <div […]
-
Html, CSS 2013‧01‧21
css로 div 세로로 중앙 정렬시키기
자주 검색하기도 하고, 여러가지 방법이 있긴한데 개인적으로 생각했을 때 가장 무난하고 가장 호환성이 높은 방법을 메모해 놓으려고 한다. 방법은 #contents라는 div를 세로로 중앙 정렬하고 싶을 때 #contents를 감싸는 #contentsWrap이라는 div를 하나 만든다 . #contentsWrap{ height: 400px; width: 100%; position: absolute; top:50%; margin-top: -200px; } #contents{ position: relative; margin: auto; background-color: #eee; width: 800px; height: 400px; […]