要素の表示形式を指定。
ブロック、インライン、テーブル、ルビ、フレックスコンテナ等。


主な値

［フレックスコンテナ］

flex：
ブロックレベルの横並列をつくることができる

inline-flex：
インラインレベルの横並列をつくることができる


(例)
■html
＜ul class=“parallelflex“＞
＜li＞＜a href="#"＞Layout Rule1＜/a＞＜/li＞
＜li＞＜a href="#"＞Layout Rule2＜/a＞＜/li＞
＜li＞＜a href="#"＞Layout Rule3＜/a＞＜/li＞
＜/ul＞



■css

ul.parallelflex {
display:-webkit-flex;
display:flex;
width:100%;
list-style-type:none;
margin:0; padding:0;
}
ul.parallelflex li {
width:33.3%;
}
ul.parallelflex a {
display:block;
margin:2px; padding:10px; font-size:10px;
background-color:#000; color:#ffffff;
text-align:center;
text-decoration:none;
}