柔軟なポーチモデル:フレックス行と列が正当化、不満の左揃えの列

[1]必要があります。

 

 

[2]ソリューション:

最近、レイアウト項目の要求が正当ではなかった会った、と不満の左揃えの列の場合の要件の最後の行、フレックスの使用が正当化コンテンツを:スペースの間を、
左揃えときに見つかった最後の行は認識していませんが、それは正当な方法ではなかったです。

 
プロジェクトの結果を望んでいません

:#結果を達成するための2つの方法がありますが、オンラインいくつかの情報を確認してください
** 1 **いくつかの空のアイテム(私のために、そしてほとんどのシーンのための最も効果的な)を追加する
   など、空の列レイアウトの数に応じて項目を追加し、各行の最大のn個の列は、最後のn-2は、空の項目に追加されました

<HTML> 
<スタイル> 
■は{ 

    表示:フレックス。

    フレックス - ラップ:ラップ; 

    正当化 -content:省スペースの間; 

} 

.item { 

    幅:30

    高さ:は50px; 

    背景 - 色:#1 f1f8ff。

    マージン - 下:10pxの; 

} 

.placeholder { 

    幅:30

    高さ:0PX。

}

 </スタイル> 

<身体> 

  の<div クラス = " ボックス" > 

    <divのクラス =" 項目" > </ div> 

    <DIV クラス = " 項目" > </ div> 

    <DIV クラス = " 項目" > </ div> 

    <DIV クラス = " 項目" > </ div> 

    <DIV クラス = " アイテム" > </ div> 

    <DIV クラス = " プレースホルダ" > </ div> 

  </ div> 

</ body> 

</ HTML>

 

 
結果を実現

** 2.有益後又は前(又は3各行4に印加される)**

■は:{後に
    表示:ブロック; 
    内容:"" ; 
    幅:30; 
    高さ:0PX。
}

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/jianxian/p/11122409.html