디스플레이 : 인라인 블록 여분 여백 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

HTML 디스플레이 : 인라인 블록 여분 여백

페이지 정보

댓글 0건 조회 453회 작성일 2018-07-04 23:27

본문

공백은 인라인 요소에 영향을줍니다 .

이것은 놀라운 일이 아닙니다.
우리는 span, strong 및 기타 인라인 요소로 매일 그것을 봅니다.
여분의 여백을 제거하려면 글꼴 크기를 0으로 설정하십시오.


[ 변경전 ]
css_font_size_20180704_1.png
<div style="text-align:center;">
    <div><img src="img/sub1_2new11.png" alt=""></div>
    <ul>
        <li style="width:333px;"><img src="img/sub1_2new21.png" alt=""></li>
        <li style="width:323px;>
            <iframe width="323" height="247" src="https://www.youtube.com/embed/1-Z7H23bAEM?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        </li>
        <li style="width:444px;"><img src="img/sub1_2new23.png" alt=""></li>
    </ul>
    <div><img src="img/sub1_2new31.png" alt=""></div>
</div>


[ 변경후 ]
css_font_size_20180704_2.png
<div style="text-align:center; font-size:0">
    <div><img src="img/sub1_2new11.png" alt=""></div>
    <ul>
        <li style="width:333px;"><img src="img/sub1_2new21.png" alt=""></li>
        <li style="width:323px;">
            <iframe width="323" height="247" src="https://www.youtube.com/embed/1-Z7H23bAEM?rel=0&amp;controls=0&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
        </li>
        <li style="width:444px;"><img src="img/sub1_2new23.png" alt=""></li>
    </ul>
    <div><img src="img/sub1_2new31.png" alt=""></div>
</div>


참고자료
https://code.i-harness.com/ko/q/1bfb06
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,291건 1 페이지
기술자료 목록
번호 제목
공지 일반   16506  2001-08-31 11:52 ~ 2017-12-05 16:33  
2290 HTML   18  2018-11-16 12:11 ~ 2018-11-16 12:17  
2289 Linux   36  2018-11-13 00:15 ~ 2018-11-15 05:37  
2288 그누보드   84  2018-11-09 06:32 ~ 2018-11-17 13:46  
2287 그누보드   87  2018-11-01 18:50 ~ 2018-11-01 19:01  
2286 영카트   84  2018-10-31 05:44 ~ 2018-10-31 05:47  
2285 그누보드   86  2018-10-30 15:47  
2284 그누보드   133  2018-10-22 09:58  
2283 HTML   188  2018-10-14 01:19 ~ 2018-10-14 02:09  
2282 킴스큐   206  2018-10-04 23:04  
2281 MySQL   221  2018-10-03 02:29  
2280 MySQL   286  2018-10-02 22:55 ~ 2018-10-02 22:58  
2279 PHP   262  2018-09-30 15:07 ~ 2018-09-30 15:53  
2278 그누보드   271  2018-09-27 23:56  
2277 그누보드   233  2018-09-27 22:01 ~ 2018-09-27 22:40  
2276 그누보드   294  2018-09-22 01:04 ~ 2018-09-22 01:17  
2275 그누보드   250  2018-09-21 19:28  
2274 그누보드   288  2018-09-15 08:08 ~ 2018-10-15 14:56  
2273 PHP   412  2018-09-14 05:59  
2272 전자결제   289  2018-09-14 04:57 ~ 2018-09-14 04:58  
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
396
어제
1,534
최대
3,174
전체
4,394,721

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2018 해피정닷컴. All Rights Reserved.