tag7 \n newline -> <br/> tag로 바꾸기 \n newline -> tag로 바꾸기아래와같이 css를 주면 \n 이 자동으로 줄바꿈된다. Html Some test with linebreaks Css.white-space-pre { white-space: pre-wrap; }jsfiddle https://jsfiddle.net/yk1angkz/25/ 2016. 5. 12. JavaScript No 'Access-Control-Allow-Origin' 에러 해결하기 No 'Access-Control-Allow-Origin' header is present on the requested resource. 스크립트 에러나는 이유 "교차 원본 요청 차단: 동일 출처 정책으로 인해 http://10.10.10.10/ysoftman 에 있는 원격 자원을 읽을 수 없습니다. 자원을 같은 도메인으로 이동시키거나 CORS를 활성화하여 해결할 수 있습니다." 스크립트에 다음과 같이 되어 있는 것을 ... 아래로 바꾼다., ... 다음과 같이 하면 에러 나지 않는다. ajax 대신 iframe 사용한다. 2015. 4. 16. a:visited 스타일 적용 안될 때 익스플로러 스크립트를 이용하여 history 정보를 악용한 사례들이 있어, IE 7버전 이후부터는 script 내에서 URL history 정보를 보지 못하도록 보안 디자인이 강화되어 자바스크립트(javascript:;) 혹은 #(bookmark)로 링크되어있는 주소에서는 a:visited 스타일시트가 적용이 되지 않는다. (관련정보 http://boochim.net/archives/152) 해결방법은 이렇다.. 제목 2014. 6. 11. [html5] Visual Cheat Sheet 출처 : http://woork.blogspot.kr/2009/09/html-5-visual-cheat-sheet-by-woork.html 2012. 7. 31. 왜 div에 있는 p에 float:left를 하면 div의 background가 없어지나요? p1 p2 p3 background가 사라지는 것이 아니라 height가 0이 되어버려서 그렇습니다. 어떤 엘리먼트의 height는 특별히 지정해주지 않는다면 그 안에 들어있는 다른 엘리먼트들의 height값에 좌우됩니다. 정확히 말하자면, 이런 구조가 있다고 할 때, a의 높이는 따로 지정해주지 않는다면, "a의 하부구조(여기서는 b)들이 차지하고 있는 영역의 높이" + "a의 padding값"에 의해 결정됩니다. 이에 따르면 a의 padding값이 없고 b의 높이도 0일 경우, a도 0 이 되어버리죠. 일반적인 경우라면 이렇게 자동으로 height를 계산해서 렌더링하는 것이 편리합니다만, 문제는 float을 쓸 경우. float은 해당 엘리먼트를 "띄웁니다.(floating)" 다른 엘리먼트의 영역과.. 2012. 7. 31. <label> 태그 용도 태그 사용 결과 라벨태그 사용했을때좋아요 싫어요 라벨태그 사용 안했을때좋아요 싫어요 태그 사용 방법 HTML 코드 라벨태그 사용했을때 좋아요 싫어요 라벨태그 사용 안했을때 좋아요 싫어요 라벨태그는 단순히 마우스 사용자에게 편의성을 제공한다. 라벨태그로 텍스트를 싸지 않은 일반적인 라디오 버튼은 직접 라디오 버튼을 눌러야 선택할 수 있지만, 라벨태그로 싸여진 텍스트는 (위의 예제 중 핑크색으로 표기된) 텍스트를 클릭했을때에 라디오 버튼이 클릭된다. 주의 할점은 태그의 속성(attribute) for 와 해당 태그의 속성(attribute) id 값이 동일해야 한다. 스마트폰, 태블릿PC에서 터치했을때에도 사용가능한지 테스트 해봤는데, 안된다. 2012. 7. 25. div, span 태그의 차이점 width를 입력하지 않았을 경우 div는 주어진 가로폭을 전부 차지하고 span은 그렇지 않다. div입니다. div입니다. span입니다. span입니다. 또한 div는 폭과 높이를 지정할 수 있지만 span은 그렇지 않다. div입니다. 폭과 높이를 가졌습니다. div입니다. 폭과 높이를 가졌습니다. span입니다. 폭과 높이가 적용되지 않습니다. span입니다. 폭과 높이가 적용되지 않습니다. text-align, float 등의 속성도 마찬가지로 block-level인 div에만 적용할 수 있습니다. 억지로 속성을 넣어봤자 효과는 전혀 없고, 웹 표준만 어기는 결과를 가져온다. 위 첫 번째 성질로 인해 div는 필연적으로 줄 바꿈을 동반한다. width 속성을 주어서 폭을 줄여도 나머지 공간은 .. 2011. 3. 2. 이전 1 다음
