WEB Dev Note

유튜브 영상을 embed 하는 경우, 특히 Youtube에서 공유하기로 코드를 복붙하는 경우에는 가로 세로 사이즈가 고정되어 들어가게 된다. 이때 HTML의 상단 바로 위에 코드를 넣어주자: 이렇게 하면, 알아서 영상 비율을 유지하면서 너비를 100%로 꽉차게 바꿔준다. 특히 티스토리와 같은 블로그에 써먹기 좋다. 스킨편집 > html편집 화면에서 아래와 같이 위에 코드를 넣어주면 끝.

반응형 웹사이트를 제작할 때, 긴 문장을 출력해야 할 경우, 화면 끝에서 단어가 중간에 잘려버리는 문제가 발생한다. 유저의 화면 크기를 예상할 수 없기 때문에 일일이 엔터를 쳐주는것도 불가능한 상황. 이것을 간단히 해결하는 방법을 공유하고자 한다. function lmh_text_block($text) { $result = "".str_replace(" "," ",preg_replace("!\s+!", " ", $text)).""; $result = str_replace(" "," ",$result); return $result; } PHP 함수를 위와 같이 추가하고, .lmh-text-block { display: inline-block; white-space: nowrap; } 이렇게 CSS 클래스를..