小编Ale*_*ith的帖子

这很简单。有一个标题、一个搜索栏和一些来自 API 的呈现内容。非常基本的东西。更基本的是，我调用一个 API 在搜索栏下方显示一堆电影图像。更简单吧？search.map 启动映射过程，在其下面我有一个 ul，其中有一些将要显示的 li 项目。但它们只会下降……感觉不可能让它们并排移动。我尝试过将显示 flex 和 flex-direction 行放在不同的 div 上，我尝试过在定义元素 css 后放置 !important 。没有什么。对发生的事情有什么想法吗？这是代码..

.form-div {
  margin-bottom: 1rem;
}

.container {
  align-items: center;
}

.searchbar {
  width: 760px;
  font-size: 1 rem;
  font-weight: 400;
  line-height: 1.5;
  outline: none;
  background-color: blanchedalmond;
  color: grey;
  border: 1x solid blueviolet;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
}

.searchBtn {
  color: white;
  background-color: black;
  font-size: 1rem;
  outline: none;
  min-height: 36px;
  font-weight: 400px;
  text-align: center;
  cursor: pointer;
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  border-radius: …