流动模型动态块怎么做？
来源：13-2 排队显示-流动模型（一）
qq_灰客_0
2018-09-14 11:27
比如我想在页面横行上显示3个块，比如网页是800的宽度，我的块是200宽度，现在网页是800的时候一行显示3个，当网页宽度是300的时候，3个块分3行居中显示，应该如何做呢？
写回答
关注
1回答
-
- 慕妹1433497
- 2018-09-14 12:03:07
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title><style>#box {margin: 0 auto;}.item {float: left;width: 30%;height: 200px;border: 1px solid red;}@media screen and (max-width: 300px) {.item {float: none;display: block;text-align: center;width: 300px;background: rebeccapurple;}}</style></head><body><div id="box"><div class="item">1</div><div class="item">2</div><div class="item">3</div></div></body></html>
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1225810 学习 · 18234 问题
相似问题