CSSでインライン要素の高さを変更する方法

CSS でインライン要素の高さを変更する方法: line-heihgt 属性を使用して、[line-height:100px;] などのインライン要素の高さを設定できます。 line-height プロパティは、行の高さをパーセンテージで設定するために使用されます。

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

line-height 属性は CSS において非常に重要な属性です。この属性は行の高さをパーセンテージで設定するために使用されます。負の値は許可されないことに注意してください。

属性値:

• 通常のデフォルト。適切な行間を設定します。

• #数値 行間隔を設定するために現在のフォント サイズを乗算する数値を設定します。

• #length 固定行間隔を設定します。

• % % 現在のフォント サイズに基づく行間隔。

• #inherit line-height 属性の値を親要素から継承することを指定します。

サンプルコード:

(学習ビデオ共有:

css ビデオチュートリアル)

インライン要素の高さを設定し、テキストを垂直方向に水平方向に中央揃えにします

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

関連する推奨事項:

CSS チュートリアル

以上がCSSでインライン要素の高さを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。