2 a3111006354 a3111006354 于 2016.03.21 00:44 提问

CSS中,line-height与font-size关系

html:

 <span class="span3">line-height</span>

CSS:

        .span3 {
            font-size: 1.2em;
            border: 5px solid #ccc;
            padding: 5px;
            margin: 5px; 
        }
        div {
            line-height: 50px;
            background-color: #efa;
        }

显示结果:
图片说明
问题:为什么div显示的51px,而不是50px

3个回答

sinat_32124195
sinat_32124195   2016.03.21 01:28
已采纳

line-height表示字体所占高度,font-size表示字体大小。对于你这个问题,如果在一个div放一个像span 这样的内联元素的话。默认的高度会比div小1px,如果你将span的display设置为block,就会相等

qq_19891827
qq_19891827   2016.03.21 09:48

这恐怕和div里面的span元素有关,span的font-size的1.2em实际的绝对大小是多少px啊?

hanfeizaopao
hanfeizaopao   2016.03.21 10:10

LZ要搞清楚每个css的意思,比如em单位是相对父级元素 span不能设置margin等

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!