3

誰もがbox-alignとbox-packの違いを指摘してください

以下は私のコードです。box-align と box-pack の両方で同じように動作します。


    div
    {
   width:100px;
   height:100px;
   background:orange;
   display:-webkit-box;
   -webkit-box-align:start;
    }
4

2 に答える 2

2

-webkit-box-pack

現在の要素内の子要素の方向の配置を指定します。

子が水平方向に配置されている要素の場合、startのパッキング値は、右側に余分なスペースがある左揃えを示し、endの値は、左側に余分なスペースがある右揃えを示し、centerの値は、余分なスペースが均等に分割された中央揃えを示します。どちらかの側にあり、justifyの値は、外側の要素を左右に揃え、要素間にスペースを均等に追加する必要があることを示します。

構文

-webkit-box-pack: <alignment>;

値：

<alignment> 子要素の配置。

center：子要素は要素の中心に配置されます。

end：子要素は要素の終わりに揃えられます。

justify：子要素は、要素の開始と終了の両方で位置合わせされます。

start：子要素は要素の先頭に揃えられます。

-webkit-box-align

外側のフレキシブルボックス要素内のネストされた要素の配置を指定します。

このプロパティは、ボックスの方向が垂直の場合は水平方向の配置を指定し、その逆も同様です。このプロパティは、フレキシブルボックスレイアウトにのみ適用されます。フレキシブルボックスの詳細については、http：//www.w3.org/TR/css3-layout/を参照してください。

構文

-webkit-box-align: baseline | center | end | start | stretch;

値：

ベースライン：要素はボックスのベースラインに揃えられます。

center：要素はボックスの中心に揃えられます。

end：要素はボックスの端に揃えられます。

start：要素はボックスの先頭に揃えられます。

ストレッチ：要素はボックスを埋めるためにストレッチされます。

于 2012-08-10T04:50:39.790 に答える