简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
html根字体设置成很大的值后， 包裹了行内元素的div莫名变高是什么原因？
小白
小白 2017-03-07 09:28:14
0
2
1253
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
    html {
        font-size: 100px;
    }
    span {
        font-size: 12px;
        line-height: 12;
    }
    </style>
</head>
<body>
    <div>
    <span>dsflfij</span>
    </div>
</body>
</html>


小白
小白

好好学习，天天向上！！！

모든 응답(2)
数据分析师
数据分析师2017-10-01 00:41:29 2층

HTML 루트 글꼴을 매우 큰 값으로 설정한 후 인라인 요소를 감싸는 div가 설명할 수 없을 정도로 커지는 이유는 무엇입니까? -PHP 중국어 웹사이트 Q&A-HTML 루트 글꼴을 매우 큰 값으로 설정한 후 인라인 요소를 감싸는 div가 설명할 수 없을 정도로 커지는 이유는 무엇입니까? -PHP 중국어 홈페이지 Q&A

꼭 보고 배워보세요.

좋다 +0
답글 추가
迷茫
迷茫2017-03-07 09:29:01 1층 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <style>
    html {
        font-size: 100px;
    }
    span {
        font-size: 12px;
        line-height: 12;
    }
    </style>
</head>
<body>
    <div>
    <span>dsflfij</span>1
    </div>
</body>
</html>

因为font-size可继承，你这样写了后div的font-size也变大了。

并且需要注意的一点line-height里面 12 ！= 12px,详情百度一下差异

좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！