如何使按钮与搜索栏内嵌？

Question

我想使搜索栏在我的网站上变为全角，但是一旦我放置style =“ width：100％”，该按钮就会移至下一行。我试图将float：right display：inline添加到按钮，但是它将无法正常工作，并且按钮将失去功能。

plt.plot(-np.sort(-a['col']))

示例：

Answer 1

您可以使用flexbox实现这一目标

form {
  width: 100%;
  display: flex;
}
input {
  flex: 1 1 auto;
}

flex: 1 1 auto将使输入变得完全灵活，因此输入将沿主轴吸收任何多余的空间。

您还应该从width: 100%标记中删除input

<input placeholder="Search Projects.." type="search" name="s" value="">