コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSのvertical-alignプロパティの使い方

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

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

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 までご連絡ください。
著者別の最新記事
最新の問題
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
ナビゲーションバーの下枠のCSS ナビゲーション バーがあり、リスト内の項目にカーソルを置くと下部に赤い線を追加しましたが、その赤い線をタイトル (例: 「サービス」) の下に移動したいのですが、これを実現する方法...
から 2024-04-06 15:04:41
0
2
347
divの配置が難しい ページ上の他の要素を基準にして div を配置したいと考えています。これは初期 CSS です: #puzzle{display:inline-block;vertical-alig...
から 2024-04-04 12:14:58
0
1
380
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート