0
조회 수 : 6754 신고 : 0
![title: [ani]깜빡이는 표정](http://web.webmini.net/./files/iconshop/74a37aadbde84c591808859b369e85e0.gif "title : [ani]깜빡이는 표정")
빽짱구| 미리보기 : |
|---|
ex) body {letter-spacing:-1px;}
위와 같을때 IE에서 br 태그 두번 적용시 한칸으로 인식해버립니다. (IE8 제외)
letter-spacing:-1px; 적용시
적용한 소스보기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>br 테스트1</title>
<style type="text/css">
body {font-size:12px; line-height:18px; letter-spacing:-1px;}
</style>
</head>
<body>
동해물과 백두산이 마르고 닳도록<br />
하느님이 보우하사 우리 나라만세<br />
<br />
무궁화 삼천리
</body>
</html>
letter-spacing:-1px; 적용하지 않을시
소스보기
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>br 테스트1</title>
<style type="text/css">
body {font-size:12px; line-height:18px;}
</style>
</head>
<body>
동해물과 백두산이 마르고 닳도록<br />
하느님이 보우하사 우리 나라만세<br />
<br />
무궁화 삼천리
</body>
</html>
해결방법
css 기본정의시 아래와 같이 삽입
br {letter-spacing:0;}
DTD가 없을때는 IE8에서도 br 이 두개일경우 하나로 인식해버립니다. 이유인즉 IE8에서는 DTD가 없을경우 Quirks Mode 모드로 렌더링하기 때문입니다.
포토샵과 letter-spacing 자간 비교 
글쓴이 빽짱구
단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시
아이콘이 붙게됩니다.
우리아기
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
닫기