流動模型動態塊怎么做？
比如我想在頁面橫行上顯示3個塊，比如網頁是800的寬度，我的塊是200寬度，現在網頁是800的時候一行顯示3個，當網頁寬度是300的時候，3個塊分3行居中顯示，應該如何做呢？
qq_灰客_0
2018-09-14
1 回答
舉報
0/150
提交
取消
2018-09-14
<!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>