這篇文章給大家分享的是有關(guān)CSS中l(wèi)ine-height和height有什么用的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
創(chuàng)新互聯(lián)是專業(yè)的岳麓網(wǎng)站建設(shè)公司,岳麓接單;提供成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行岳麓網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
一、一些基本概念
1.行高是指文本行基線間的垂直距離(也叫行距)
2.行間距是上行的底線和下一行頂線之間的距離
我個人理解,可以得出以下結(jié)論:
1. 在沒有設(shè)置div的height屬性時,div的高度是根據(jù)line-height的大小而變化,并不受font-size的影響。
2. height是用來設(shè)置元素的高度,比如img的高度、div的高度等。line-height 屬性是用來設(shè)置行距(行高),兩者并不是同一個概念。
二、代碼實例
sdds 上海大學(xué)SHU(Shanghai University)是一所211大學(xué)
運(yùn)行結(jié)果:
結(jié)論:可以看出,黃色背景div和藍(lán)色背景div的height加起來就是類名為bg0的div的所設(shè)置的line-height=100px,而第一部分紅色div設(shè)置的height=45px,是line-height減去fontsize后在除以2得到的,即(100-10)/2=45px。
感謝各位的閱讀!關(guān)于“CSS中l(wèi)ine-height和height有什么用”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!