css怎麼改行內元素高度

css改行內元素高度的方法：可以利用line-heihgt屬性來設定行內元素的高度，如【line-height:100px;】。 line-height屬性用來設定以百分比計的行高。

本文操作環境：windows10系統、css 3、thinkpad t480電腦。

line-height屬性是css中一個非常重要的屬性，該屬性用來設定以百分比計的行高，需要注意的是負值時不允許的。

屬性值：

• normal    預設。設定合理的行間距。   

• number    設定數字，此數字會與目前的字體尺寸相乘來設定行間距。   

• length    設定固定的行間距。   

• %    基於目前字體尺寸的百分比行間距。   

• inherit    規定應該從父元素繼承 line-height 屬性的值。

範例程式碼：

（學習影片分享：css影片教學）

行內元素設定高度，並且文字垂直水平居中

    span {
      background: red;
      line-height: 100px;
      align-items: center;
      display: flex;
      justify-content: center;
    }

相關推薦：CSS教學

以上是css怎麼改行內元素高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！