reactjs - 如何在不使用 Flex 的情况下在 React 中将 2 个文本框彼此相邻地放置在 div 中？

Question

我有一个带有 2 个文本框的 div。

<div>
   <input ... />
   <input ... />
</div>

问题是它们显示在彼此下方。

注意:我没有使用 React-Native，也没有使用 Flex。

如何将它们放在一起？

Answer 1

答案 1:使用 Flexbox(或者更强大的 grid)。这两个功能都非常强大并且非常适合屏幕。

答案 2:使用之前用于执行此操作的 hack，使用 float。为每个输入元素指定 float: left 样式，并在其后添加一个 div，其 css 样式为 clear: all，这将使父 div 具有正确的高度。