流動(dòng)模型動(dòng)態(tài)塊怎么做?
比如我想在頁(yè)面橫行上顯示3個(gè)塊,比如網(wǎng)頁(yè)是800的寬度,我的塊是200寬度,現(xiàn)在網(wǎng)頁(yè)是800的時(shí)候一行顯示3個(gè),當(dāng)網(wǎng)頁(yè)寬度是300的時(shí)候,3個(gè)塊分3行居中顯示,應(yīng)該如何做呢?
比如我想在頁(yè)面橫行上顯示3個(gè)塊,比如網(wǎng)頁(yè)是800的寬度,我的塊是200寬度,現(xiàn)在網(wǎng)頁(yè)是800的時(shí)候一行顯示3個(gè),當(dāng)網(wǎng)頁(yè)寬度是300的時(shí)候,3個(gè)塊分3行居中顯示,應(yīng)該如何做呢?
2018-09-14
舉報(bào)
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>