로그인 ｜ 회원등록 ｜ 비번분실 ｜ 현재접속자 ｜ 사이트맵
내용없음9
내용없음10
      APPLICATION
무료 스킨.모듈

유료 스킨.모듈

활용 홈페이지

활용팁 공유

자료 공유

유틸리티

웹 스터디
제작자 리소스

 
“ 산업대배드민턴클럽 리 ”

최근 활용팁 공유 RANK
yerangman
4
용후리카
2
TECHSTAR
2
4
bluewolf
2
5
늑대소냐
1
6
애드텍
1
7
네모
1
8
박정환
1
9
interfo
1
10
RedOctober
1
11
용갈
1
        -- update:30Min --


 줄간격 line-height: 적용이 안되는 코드
  web study
웹 스터디 		홈페이지 제작,운영에 관련된 모든 기술 공유 게시판입니다.
웹프로그램, 웹디자인, 자바스크립트, HTML, XML, 시스템 관리 등 구분없습니다.
적립되는 포인트는 100P 입니다.
ㆍ글쓴이 테크
ㆍ분 류 CSS
ㆍ추천: 0  ㆍ읽음: 1498        
ㆍ2011-04-28 (목) 11:44
“ 줄간격 line-height: 적용이 안되는 코드 ”

원인을 못찾아서 한시간 헤메다 겨우 알아 냈습니다.
아래 코드중 첫번째  [A] 의 경우 줄간격 적용이 안되네요.
CSS 의 line-height 가 조금 까탈스런 면이 있는거 같습니다.
익스플러,크롬,불여우 똑같구요.
아시는 분은 아실테지만 저는 오늘 처음알았습니다.

 
 
테스트 코드

<div style="line-height:170%; font:normal 12px 돋움;">
   <b>line-height 적용결과 [A]</b><br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
</div>
-------------
<div style="font:normal 12px 돋움; line-height:170%;">
   <b>line-height 적용결과 [B]</b><br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
</div>
-------------
<div style="line-height:170%; font-size:12px; font-family:돋움;">
   <b>line-height 적용결과 [C]</b><br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
   가나다라 abcd 1234<br>
</div>
 
 
출력적용 결과 -  [A] 의 경우 줄간격이 먹히질 않음
 
 
 
 이름아이콘 아이케
2011-04-29 12:47
 거의 3번으로만 사용해서 몰랐습니다 ㅎㅎ
yerangman 3번이면 넘 넓은거 아닌가? ㅋ 5/10 16:08
   
 이름아이콘 yerangman
2011-05-10 16:08
 좋은 정보 감사합니다 ^^
   
 이름아이콘 테크노트맨
2011-05-26 18:48
 정보 감사합니다.
   
 
  0
3500
FILE #1 .
FILE #2 .
FILE #3 .
FILE #4 .
FILE #5 .
FILE #6 .
FILE #7 .
FILE #8 .
FILE #9 .
FILE #10 .
윗글 자동 출처 복사
아래글 php5.3 버전에 zend 는 Zend Guard Loader 로 설치요
   
웹스터디 게시판 입니다. [20] 테크노트 2007-02-23
130 JavaScript 우클릭 완벽차단 스크립트.. [2] 콜라~ 2013-04-13
129 JavaScript 웹 복사방지 및 뚫기에 대하여 [6]+1 애드텍 2013-02-15
128 CSS 크롬에서 배경이미지 배경색 인쇄방법 [3]+2 콜라~ 2013-01-17
127 CSS ie7에서 position:absolute 버그해결방법 [5] 콜라~ 2013-01-04
126 JavaScript 홈페이지 내용 무단복사 막는 방법 [11] 콜라~ 2012-10-03
125 HTML 인쇄할 때 page를 나누는 방법 [4]+3 콜라~ 2012-09-27
124 PHP PHP 변수 [1] 머니콤 2012-06-29
123 PHP PHP 연산자 [4] 머니콤 2012-05-29
122 기타 인터넷 뱅킹하고 나면 익스플러 설정이 바뀌어 있음 [2] 푸리지아 2012-05-11
121 HTML 충격! GET으로 공백 포함하여 넘기는 방법 [3] 애드텍 2012-03-23
120 PHP '?:'연산을 알아봅시다. [2]+1 애드텍 2012-02-22
119 checkbox 체크하면 td 색 변하는 소스 [3] 테크폐인 2012-02-18
118 테이블에 라운드 효과주기 [5] 테크폐인 2012-02-03
117 새로나온 html5 책 [6] 알랑랑엉 2011-09-16
116 기타 리눅스 : 파일 날짜 일괄 변경하기 [3] TechNote 2011-07-14
115 HTML 구글 : 특정 도메인 내에서만 검색하기 [3] TechNote 2011-06-22
114 마이피플 연동 서술. [5]+6 Terrorboy 2011-06-01
113 HTML 모바일홈 - 아이폰에 등록되는 그림 [9] 테크 2011-05-25
1234567