在CSS中，將input元素居中顯示，可以通過多種方式實現(xiàn)，這里我們介紹一種簡單有效的方法，使用CSS的flexbox布局。

我們需要創(chuàng)建一個包含input元素的容器，這個容器可以是一個div元素，或者其他任何可以包含HTML元素的塊級元素。

HTML代碼：

<div class="container">
  <input type="text" class="input">
</div>

我們給容器添加CSS樣式，這里我們使用flexbox布局，將容器設置為彈性盒子，并設置justify-content和align-items屬性為center，將子元素水平垂直居中。

CSS代碼：

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px; /* 可以根據(jù)需要調(diào)整容器的高度 */
}
.input {
  width: 200px; /* 可以根據(jù)需要調(diào)整input的寬度 */
}

我們的input元素已經(jīng)在容器中居中了，這種方法簡單有效，適用于大多數(shù)情況，如果需要更復雜的布局，可以使用其他CSS布局技術來實現(xiàn)。