如何在Html中开发可调整大小的交互式电路板

Question

我想创建类似下面的数字板。它应该在HTML，css中。实际上这个板的目的是在板上显示49个数字，并且板应该在任何窗口中都可以调整。主板使用这个板是在移动设备中，每行显示1到10固定数字。请帮助我，不要使用表tag.only div元素应该在那里。

1 2 3 4 5 6 7 8 9 10

提前致谢

Answer 1

这会是你的目标吗？ ： FIDDLE

HTML：

<div class="wrapper">
    <div class="number">1</div>
    <div class="number">2</div>
    <div class="number">3</div>
    <div class="number">4</div>
    <div class="number">5</div>
    <div class="number">6</div>
    ...
</div>

CSS：

.wrapper{
    width:100%;
}
.number{
    width:10%;
    float:left;
}