简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > CSSチュートリアル > 本文

CSSのvertical-alignプロパティの使い方

silencement
リリース： 2019-05-26 10:14:42
オリジナル
2830 人が閲覧しました

CSSのvertical-alignプロパティの使い方

定義と使用法

vertical-align 属性は、要素の垂直方向の配置を設定します。

説明

この属性は、要素が配置されている行のベースラインを基準としたインライン要素のベースラインの垂直方向の配置を定義します。負の長さの値とパーセント値を指定できます。これにより、要素が上がるのではなく下がります。表のセルでは、このプロパティはセル ボックス内のセルの内容の配置を設定します。

CSSのvertical-alignプロパティの使い方

例

画像の垂直方向の配置:

CSSのvertical-alignプロパティの使い方

以上がCSSのvertical-alignプロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css vertical-align
ソース：php.cn
前の記事：CSS flex-flow 属性の使用方法 次の記事：CSSのpadding-rightプロパティの使い方
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Woocommerce の「チェックアウト テーブル注文レビュー セクションの変更」の中国語訳は、「Woocommerce チェックアウト テーブル注文レビュー セクションの変更」と呼ぶことができます。 友人の解決策に従って、Woocommerce のチェックアウト注文レビュー セクションを変更しました。支払い後に情報テーブルの CSS を編集するだけで済みます。このテーブルの C...
から 2023-08-28 16:41:39
0
1
209
Flexbox を使用して要素を左と中央に揃える 子要素を整列させるために Flexbox を使用しています。私がやりたいのは、1 つの要素を中央に配置し、もう 1 つの要素を左に揃えることです。通常、左要素を設定するには mar...
から 2023-08-27 21:54:23
0
2
295
React プロジェクトがコンポーネント スコープのバックグラウンドとして CSS モジュールを継承する必要があるのはなぜですか? React コンポーネントを作成しましたが、サイト全体が CSS モジュールで設定した本文スタイルを継承しているという問題が発生しています。ローカルタグを使用した場合と使用しない場...
から 2023-08-10 17:05:31
0
1
223
html5 - 上下中央揃えは実際には実現不可能ですよね？ 垂直配置には、上、中、ベースライン、下があります。以下の行高さモデルの 4 つの行を見てください。幾何学的な観点から見ると、この線高さモデルの幾何学的中心線は中央線とベースラインの...
から 2017-06-20 10:06:16
0
1
691
css - ionic のグリッド レイアウトでは、さまざまなテキスト コンテンツを含む各列のコンテンツを垂直方向の中央に配置するにはどうすればよいですか? 以下に示すように、データの各列は角度トラバーサルによって生成されます: 左側の名前テキストがわずかに異なるため、右側のデータは上に表示されます。 、でも効果はありません。 、行の高...
から 2017-06-15 09:23:53
0
1
1108
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！