1. Home
  2. CSS ALIGN-itemsプロパティ

CSS ALIGN-itemsプロパティ2024 年の最新の入門チュートリアル。このコースでは 例,ブラウザのサポート,定義と使用法,CSSの構文,プロパティ値,関連記事, について学習できます。

CSS ALIGN-itemsプロパティ

CSSリファレンス CSSリファレンス


例

<div>要素の柔軟なポーチを揃えます：

div
{
display: flex;
align-items:center;
}

»をお試しください

ブラウザのサポート

表中の数字は、プロパティバージョン番号をサポートする最初のブラウザを表します。

すぐにprefixプロパティをサポートする最初のバージョンの後にデジタル-webkit-、-ms-または-moz-を以下に示します。

プロパティ
- アイテムを揃えます 21.0 11.0 20.0 9.0
7.0 -webkit- 		12.1

定義と使用法

プロパティは、シャフトフレックスライン（縦軸）方向の容器側の現在の位置合わせにフレックス子を定義し、アイテムを揃えます。

ヒント：オブジェクトの弾性要素のそれぞれが整列自己書き換え可能なALIGN-itemsプロパティを属性を使用。

デフォルト： ストレッチ
継承： いいえ
アニメーション化することができます。 NO。 参照してくださいアニメーションに（アニメーション） 。
バージョン： CSS3
JavaScriptシンタックス： オブジェクト.style.alignItems = "センター"しようとします

CSSの構文

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

プロパティ値

值 描述 测试
stretch 默认值。项目被拉伸以适应容器。 测试 »
center 项目位于容器的中心。 测试 »
flex-start 项目位于容器的开头。 测试 »
flex-end 项目位于容器的结尾。 测试 »
baseline 项目位于容器的基线上。 测试 »
initial 设置该属性为它的默认值。请参阅 initial 。 测试 »
inherit 从父元素继承该属性。请参阅 inherit 。

関連記事

CSSリファレンス： ALIGN =左、コンテンツの属性

CSSリファレンス： ALIGN =左セルフ特性


CSSリファレンス CSSリファレンス

ホットチュートリアル

お問い合わせ

CSS ALIGN-itemsプロパティ
10/30