這篇文章主要介紹css改行內(nèi)元素高度的方法，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)與策劃設(shè)計(jì),長清網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:長清等地區(qū)。長清做網(wǎng)站價(jià)格咨詢:13518219792

css改行內(nèi)元素高度的方法：可以利用line-heihgt屬性來設(shè)置行內(nèi)元素的高度，如【line-height:100px;】。line-height屬性用來設(shè)置以百分比計(jì)的行高。

line-height屬性是css中一個(gè)非常重要的屬性，該屬性用來設(shè)置以百分比計(jì)的行高，需要注意的是負(fù)值時(shí)不允許的。

屬性值：

• normal    默認(rèn)。設(shè)置合理的行間距。

• number    設(shè)置數(shù)字，此數(shù)字會與當(dāng)前的字體尺寸相乘來設(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)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞名稱：css改行內(nèi)元素高度的方法-創(chuàng)新互聯(lián)
本文來源：http://weahome.cn/article/dhjhhg.html