CSS 將控件顯示在一行的方法有很多種，下面介紹其中兩種常用的方法：

方法一：使用 Flexbox 布局

使用 Flexbox 布局可以將控件按照需要排列在一行。使用 Flexbox 布局時，需要將父容器設置為 `display: flex`，子容器設置為 `display: flex`，然后根據控件的類型設置其排列方式。

例如，可以將一個包含多個文本框的列表容器設置為 `display: flex`，并將每個文本框設置為 `flex-item`，從而將每個文本框顯示在同一行。

下面是一個使用 Flexbox 布局將多個文本框顯示在同一行的例子：

```html

<li class="flex-item">第一行文本框</li>

<li class="flex-item">第二行文本框</li>

<li class="flex-item">第三行文本框</li>

</ul>

在這個例子中，`<li>` 元素被設置為 `flex-item`，并且每個 `flex-item` 元素都設置了相同的 `class` 屬性，表示它們都是同一行中的文本框。

方法二：使用表格布局

使用表格布局可以將控件按照需要排列在一行，但是這種方法需要使用 HTML 表格標簽。使用表格布局時，需要將父容器設置為 `display: table`，子容器設置為 `display: table-cell`，然后根據控件的類型設置其排列方式。

例如，可以使用表格布局將一個包含多個文本框的列表容器設置為 `display: table`，并將每個文本框設置為 `table-cell`，從而將每個文本框顯示在同一行。

下面是一個使用表格布局將多個文本框顯示在同一行的例子：

```html

<table>

<tr>

<td>第一行文本框</td>

<td>第二行文本框</td>

<td>第三行文本框</td>

</tr>

<tr>

<td>第四行文本框</td>

<td>第五行文本框</td>

<td>第六行文本框</td>

</tr>

</table>

在這個例子中，`<td>` 元素被設置為 `table-cell`，表示它們都是同一行中的文本框。

無論使用哪種方法，將控件顯示在同一行都可以提高網頁的可讀性和易用性。