javascript - 数字框对齐

Question

我正在尝试创建一个移动应用程序，我在其中使用带有标签的两个数字框这在纵向模式下一个接一个地工作正常，但在横向模式下我希望两个数字框都在一行中，我无法与标签一起做。

我不想使用表格格式。是否可以使用 CSS 或 JavaScript 来实现？

这是我正在使用的代码。

<div class="dx-field-label dx-text">AccountNumber</div>
<div data-bind="dxNumberBox: {value: '',placeholder: '00'}"></div>
<div class="dx-field-label dx-text">Ammount</div>
<div data-bind="dxNumberBox: {value: '',placeholder: '0.00'}"></div>

Answer 1

你可以尝试像这样使用display:inline-block

@media (min-width: 480px) {
  div.someclass {
    display: inline-block;
    width: 50%;
  }
}