欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css div事例

謝彥文2年前9瀏覽0評論

在網(wǎng)頁設(shè)計(jì)中,使用CSS的div元素可以有效地實(shí)現(xiàn)頁面布局。下面我們來看一些CSS div事例:

<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>
.container {
display: flex;
}
.left {
flex: 1;
}
.right {
flex: 2;
}<div class="container">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
.container {
display: flex;
}
.left {
flex: 1;
}
.middle {
flex: 2;
}
.right {
flex: 1;
}<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
.container {
display: flex;
flex-wrap: wrap;
}
.box {
flex: 1;
}
@media screen and (max-width: 768px) {
.box {
flex-basis: 50%;
}
}

以上是一些常用的CSS div事例,通過這些事例我們可以看到,CSS的div元素可以幫助我們快速實(shí)現(xiàn)頁面布局,提高我們的開發(fā)效率。