小程序開發中，經常會遇到需要讓一個元素橫向居中的情況。下面我們使用CSS來實現這個需求。 首先，我們需要給需要居中的元素添加一個父級容器。然后，我們可以給這個父級容器設置如下樣式：

.parent {
display: flex;
justify-content: center;
align-items: center;
}

這里我們使用了flex布局。其中，`justify-content: center`表示水平方向上居中對齊，`align-items: center`表示垂直方向上居中對齊。 接下來，我們給需要居中的元素添加樣式：

.child {
width: 200px;
height: 100px;
}

這里我們給這個元素設置了一個寬度和高度，就可以看到這個元素已經橫向居中了。 需要注意的是，使用這種方式進行橫向居中，需要保證父級容器是塊級元素。 下面是完整的HTML代碼：

下面是完整的HTML代碼：
<div class="parent">
<div class="child">Hello World!</div>
</div>
下面是完整的CSS代碼：
.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
width: 200px;
height: 100px;
}

至此，我們已經完成了小程序CSS橫向居中的實現。這種方式使用簡單，且代碼量較少，可以在小程序開發中得到廣泛的應用。