模擬サイト作成15/ CSS・・
3x3のパネルで、一番右下がない場合のcssの書き方が分からなかったので、下記の様に書きました。
HTML
<ul class="menu_list">
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<li ><div><img scr="" alt=""></div></li>
<ul class="menu_list_second">
<li ><div><img scr="" alt=""></div></li>
<li ><div class="list8"><img scr="" alt=""></div></li>
CSS
.menu_list {
width: 960px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.menu_panel_second {
width: 960px;
margin: 0 auto;
display: flex;
justify-content: flex-start;
}
.list8 {
margin-left: 70px;
この記事が気に入ったらサポートをしてみませんか?