这是一个创建于 1034 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题，不考虑 grid 布局，实现一个数字键盘。
布局类型于
```text
1 2 3 删除
4 5 6 确定
7 8 9 确定
. 0 清零 确定
```
其中“确定”键纵向合并，要求自适应。
我自己计算了一下每个按键的宽度，但是不对，调整了一下，如：
参考： https://codepen.io/daiwenzh5/pen/JjegqWK
现在的问题是，怎么计算，或者计算公式是什么？我是调试出来的，虽然也不复杂，花不了多少时间，但不该这样的。
 |
1 weiwoxinyou 2023 年 8 月 15 日固定一个宽度(min-width)，然后嵌套 div ，对每行进行 flex 分布，多行进行 flex 纵向排列，确定键的宽度自适应应该差不多符合你的需求 |
 |
2 chnwillliu 2023 年 8 月 16 日 via Androidflex 也能用 gap 啊。 |
|
3 chnwillliu 2023 年 8 月 16 日 via Android明白你的意思了，flex 嵌套的情况下由于 gap 的存在导致 number 和 fn 两列的宽度比没法表示。 非要用 flex 的话可以把最左边的 gap 单独拎出来不参与横向 flex 空间分配，这样下来宽度就是 3:1 了，然后内部 keyboard-number 再把右边的 gap 剔除 flex 空间分配，三列数字仍然可以用 gap + space-between 而无需计算自己的宽度。 |
 |
4 xxmym 2023 年 8 月 16 日.keyboard-number { 没这么复杂呀，这样不就自适应了吗 |
|
6 xxmym 2023 年 8 月 16 日 <view class="keyboard-number"> |
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。