
批改狀態(tài):合格
老師批語:完成的不錯,繼續(xù)加油
作業(yè)內(nèi)容:實例演示flex容器與項目常用屬性,并圖示常用術(shù)語
html
<div class="content">
<div class="left">left</div>
<div class="middle">content</div>
<div class="right">right</div>
</div>
css
容器
content {
width: 90vw;
height: 500px;
margin: 0 auto;
color: white;
display: flex;
flex-flow: row nowrap;
place-content: center;
}
項目
.left, .right {
flex: 1;
height: 500px;
background-color: red;
}
.middle {
flex: 3;
height: 500px;
background-color: blue;
}
效果
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號