這篇文章主要介紹css改行內(nèi)元素高度的方法,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站專注于屯溪企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,商城網(wǎng)站制作。屯溪網(wǎng)站建設(shè)公司,為屯溪等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站開(kāi)發(fā),專業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)
css改行內(nèi)元素高度的方法:可以利用line-heihgt屬性來(lái)設(shè)置行內(nèi)元素的高度,如【line-height:100px;】。line-height屬性用來(lái)設(shè)置以百分比計(jì)的行高。
line-height屬性是css中一個(gè)非常重要的屬性,該屬性用來(lái)設(shè)置以百分比計(jì)的行高,需要注意的是負(fù)值時(shí)不允許的。
屬性值:
normal 默認(rèn)。設(shè)置合理的行間距。
number 設(shè)置數(shù)字,此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來(lái)設(shè)置行間距。
length 設(shè)置固定的行間距。
% 基于當(dāng)前字體尺寸的百分比行間距。
inherit 規(guī)定應(yīng)該從父元素繼承 line-height 屬性的值。
示例代碼:
行內(nèi)元素設(shè)置高度,并且文本垂直水平居中
span { background: red; line-height: 100px; align-items: center; display: flex; justify-content: center; }
以上是“css改行內(nèi)元素高度的方法”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!