同一行顯示表單，在前端開發中經常遇到，它可以使表單更加美觀、簡潔。下面介紹實現同一行顯示表單的css方法。

.form-row {
display: flex;
flex-wrap: wrap;
margin: 10px 0;
}
.form-row >* {
margin-right: 10px;
}
.form-row >*:last-child {
margin-right: 0;
flex: 1;
}

上述代碼使用了Flex布局，其中.form-row類設置了display屬性為flex，flex-wrap屬性為wrap。這樣，當表單項超出一行的寬度時，會自動換行，避免了表單的溢出問題。

接著，通過.form-row >*選擇器匹配.form-row類下的所有子元素，并設置它們之間的距離為10px。這樣，在同一行的表單項之間就會有一些留白，使表單更加整齊。

最后，通過.form-row >*:last-child選擇器選中.form-row類下的最后一個子元素，并設置其距離為0。這樣，在最后一項表單項后面不會出現空隙。同時，還設置了子元素的flex屬性為1，這樣最后一項表單項會自動填充剩余寬度。

使用以上方法可以輕松實現同一行顯示表單的效果，保證表單的美觀和簡潔。