해피정닷컴2

div 상하 줄간격 생기는 현상 > 기술자료

HTML div 상하 줄간격 생기는 현상

페이지 정보

작성자 관리자1 쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물
댓글 0건 조회 13,712회 작성일 2015-03-28 09:32:58

본문

<div> 상하 간격이 생기는 이유가 뭘까요? css로 잡으려고 하는데 안 잡히네요.

이런 현상은 이미지가 기본적으로 display 속성이 inline 으로 적용되기 때문에 그렇습니다.
display 속성을 block 으로 설정해 주시면 줄간격 조절됩니다.

스타일 시트에서 img 속성을 추가합니다.
img { display:block; }

참고자료
http://www.kor-ask.com/question/554141.html
http://thesung.net/?p=18

댓글목록

등록된 댓글이 없습니다.

기술자료 목록
140	HTML 40324 2016-02-21 00:58 ~ 2016-02-21 00:00 모바일웹 접속시 자동으로 바탕화면에 바로가기 생성
139	HTML 15436 2016-02-19 16:59 marquee 위로(아래,왼쪽,오른쪽) 흐르는 글자
138	HTML 13010 2016-02-03 11:04 IE 렌더링 모드
137	HTML 17417 2016-02-02 02:21 ~ 2018-08-18 04:21 [웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏!
136	HTML 19969 2015-12-03 19:04 [CSS] ul ol li 에서 list-style 관련 속성들
135	HTML 13332 2015-12-01 22:40 [CSS] <div><img src=""></div> 이미지 하단에 공백 생길때
134	HTML 13695 2015-11-29 15:37 [CSS] 테두리 둥글게 만들기 Rounded Corners
133	HTML 22574 2015-11-16 20:08 ~ 2016-09-07 00:00 [bootstrap] 부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기
132	HTML 21324 2015-08-18 11:55 Windows10 에서 팝업창 크기가 달라지는 현상
131	HTML 21698 2015-08-06 00:21 [CSS] 배경색만 투명하게 만들기
130	HTML 11171 2015-07-16 13:30 onMouseOver 샘플
열람	HTML 13713 2015-03-28 09:32 div 상하 줄간격 생기는 현상
128	HTML 13536 2015-03-14 06:17 ~ 2016-08-06 00:00 [CSS] DIV에 수직으로 가운데 정렬 방법
127	HTML 15721 2014-12-22 18:49 HTML5에 대해서 알아보자!
126	HTML 19751 2014-12-09 02:13 ~ 2014-12-09 00:00 [모바일] CSS3 로 페이스북같은 사이드바 메뉴 만들기
125	HTML 24879 2014-11-25 00:21 ~ 2015-07-27 00:00 NAV 태그와 CSS를 이용한 네비게이션 메뉴 만들기
124	HTML 16309 2014-09-28 23:45 절대위치를 상대위치로 잡기(?) position: relative와 absolute
123	HTML 14004 2014-09-28 23:28 [SQL Injection][ASP] 요즘 나를 괴롭히는 인젝션 공격 코드
122	HTML 20141 2014-06-13 17:00 ~ 2016-09-08 00:00 해상도에 따라서 이미지 동영상의 사이즈를 자동적으로 조절
121	HTML 28928 2014-06-13 11:01 ~ 2018-06-23 19:15 iOS에서 숫자가 전화번호로 인식되는 문제 막기

기술자료 목록

140

HTML 40324 2016-02-21 00:58 ~ 2016-02-21 00:00

모바일웹 접속시 자동으로 바탕화면에 바로가기 생성

139

HTML 15436 2016-02-19 16:59

marquee 위로(아래,왼쪽,오른쪽) 흐르는 글자

138

HTML 13010 2016-02-03 11:04

IE 렌더링 모드

137

HTML 17417 2016-02-02 02:21 ~ 2018-08-18 04:21

[웹폰트] 구글 Noto 한국어 글꼴을 웹에서 마음껏!

136

HTML 19969 2015-12-03 19:04

[CSS] ul ol li 에서 list-style 관련 속성들

135

HTML 13332 2015-12-01 22:40

[CSS] <div><img src=""></div> 이미지 하단에 공백 생길때

134

HTML 13695 2015-11-29 15:37

[CSS] 테두리 둥글게 만들기 Rounded Corners

133

HTML 22574 2015-11-16 20:08 ~ 2016-09-07 00:00

[bootstrap] 부트스트랩 – 폰트 아이콘을 모아놓은 폰트어썸(Font awesome) 사용하기

132

HTML 21324 2015-08-18 11:55

Windows10 에서 팝업창 크기가 달라지는 현상

131

HTML 21698 2015-08-06 00:21

[CSS] 배경색만 투명하게 만들기

130

HTML 11171 2015-07-16 13:30

onMouseOver 샘플

열람

HTML 13713 2015-03-28 09:32

div 상하 줄간격 생기는 현상

128

HTML 13536 2015-03-14 06:17 ~ 2016-08-06 00:00

[CSS] DIV에 수직으로 가운데 정렬 방법

127

HTML 15721 2014-12-22 18:49

HTML5에 대해서 알아보자!

126

HTML 19751 2014-12-09 02:13 ~ 2014-12-09 00:00

[모바일] CSS3 로 페이스북같은 사이드바 메뉴 만들기

125

HTML 24879 2014-11-25 00:21 ~ 2015-07-27 00:00

NAV 태그와 CSS를 이용한 네비게이션 메뉴 만들기

124

HTML 16309 2014-09-28 23:45

절대위치를 상대위치로 잡기(?) position: relative와 absolute

123

HTML 14004 2014-09-28 23:28

[SQL Injection][ASP] 요즘 나를 괴롭히는 인젝션 공격 코드

122

HTML 20141 2014-06-13 17:00 ~ 2016-09-08 00:00

해상도에 따라서 이미지 동영상의 사이즈를 자동적으로 조절

121

HTML 28928 2014-06-13 11:01 ~ 2018-06-23 19:15

iOS에서 숫자가 전화번호로 인식되는 문제 막기

해피정닷컴 정보

회사명: 해피정닷컴 대표: 정창용 전화: 070-7600-3500 팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용 사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]
Copyright 2001~2026 해피정닷컴. All Rights Reserved.