cari

Rumah  >  Soal Jawab  >  teks badan

html根字体设置成很大的值后， 包裹了行内元素的div莫名变高是什么原因？

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


小白小白2823 hari yang lalu1288

membalas semua(2)saya akan balas

  • 数据分析师

    数据分析师2017-10-01 00:41:29

    Selepas menetapkan fon akar HTML kepada nilai yang sangat besar, mengapakah div yang membungkus elemen sebaris menjadi lebih tinggi secara tidak dapat dijelaskan? -PHP Tapak web Cina Soal Jawab-Selepas menetapkan fon akar HTML kepada nilai yang sangat besar, mengapakah div yang membungkus elemen sebaris menjadi lebih tinggi secara tidak dapat dijelaskan? -Soal Jawab laman web PHP Cina

    Sila tonton dan pelajari.

    balas
    0
  • 迷茫

    迷茫2017-03-07 09:29:01

    <!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,详情百度一下差异

    balas
    0
  • Batalbalas