디스플레이 : 인라인 블록 여분 여백 > 기술자료 | 해피정닷컴

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

본문 바로가기

사이트 내 전체검색

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

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

페이지 정보


본문

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

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


[ 변경전 ]

<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>


[ 변경후 ]

<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,634건 21 페이지
  • RSS
기술자료 목록
2234
Linux   6866  2018-07-13 18:29  
2233
XpressEngine   7048  2018-07-13 18:22 ~ 2018-07-13 21:51  
2232
MySQL   9459  2018-07-12 12:40 ~ 2018-07-12 12:44  
2231
JavaScript   10070  2018-07-12 00:09  
2230
일반   11557  2018-07-09 17:13 ~ 2018-07-11 17:27  
열람
HTML   7380  2018-07-04 23:27  
2228
HTML   8313  2018-07-04 15:02  
2227
테크노트   9876  2018-07-02 21:39 ~ 2022-04-21 02:58  
2226
Search   12136  2018-07-01 02:38 ~ 2018-07-01 02:41  
2225
일반   8334  2018-06-27 23:32 ~ 2018-07-04 23:09  
2224
그누보드   7346  2018-06-19 14:54  
2223
XpressEngine   9552  2018-06-12 13:08 ~ 2022-04-21 02:49  
2222
XpressEngine   8755  2018-06-11 20:24  
2221
호스팅   8087  2018-06-11 02:56 ~ 2018-10-10 16:30  
2220
XpressEngine   6280  2018-06-11 01:30  
2219
XpressEngine   11711  2018-06-08 00:32 ~ 2018-06-12 16:36  
2218
호스팅   8107  2018-06-07 15:44 ~ 2021-05-03 19:05  
2217
그누보드   9962  2018-06-06 23:53 ~ 2018-06-07 09:41  
2216
영카트   13937  2018-06-05 17:56 ~ 2018-06-05 21:36  
2215
XML   9011  2018-06-05 14:14 ~ 2018-06-05 14:15  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

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