如何在一行（css）中创建表单元素？

Question

我想在一行中创建此搜索form元素...

代码，

<form id="search" class="navbar-form search" role="search" style="width:40%; margin-left:auto; margin-right:auto;" method="GET">
  <select name="search_target">
    <option value="title">제목</option>
    <option value="content">내용</option>
    <option value="title_content">제목+내용</option>
    <option value="username">아이디</option>
  </select>
  <input type="text" name="search_keyword" placeholder="Type to search">
  <button type="submit" class="btn btn-default btn-submit icon-search"></button>
</form>

Answer 1

它包裹元素，因为该区域太小而不适合所有元素。

你可以添加这个css，不需要更改html，包装就会停止！

#search{
  white-space:nowrap;
}