html怎么调用数字键盘嘛,创建一个没有布局<table> </table>的HTML数字键盘

通过使用浮动行为，您可以使用一堆内联块来创建它。每个块都浮动到右侧(因为大的垂直元素在右侧)。

因此，小键盘上的按钮位于左上角的HTML中。例如。第一个块是-按钮，后跟*，/，Num-Lock，+，依此类推。

为了制作一个双倍尺寸的垂直按钮，我附加了属性v2(您可以为此使用类，但我觉得不同)，并制作一个双倍尺寸水平按钮，我附加了属性h2。

对于自适应布局，请向下滚动到编辑。

CSS：

container {

width: 442px;

border: 1px solid black;

display: inline-block;

}

block {

display: inline-block;

width: 100px;

height: 100px;

margin: 5px;

background: red;

float: right;

}

block[v2] {

height: 210px;

}

block[h2] {

width: 210px;

}

HTML：

编辑：

如果必须有响应，您可以使用计算和百分比来使宽度适合：

block

{

width: calc(25% - 10px);

margin: 5px;

}

block[h2]

{

width: calc(50% - 10px);

}