在CSS中，我們可以使用flexbox布局來實現(xiàn)元素在容器中的靠左上下居中，我們需要將容器的display屬性設(shè)置為flex，然后利用justify-content和align-items屬性來分別控制水平和垂直方向上的對齊方式。

下面是一個簡單的示例代碼：

<div class="container">
  <div class="item">靠左上下居中</div>
</div>

.container {
  display: flex;
  justify-content: flex-start; /* 靠左對齊 */
  align-items: center; /* 上下居中 */
  height: 100vh; /* 容器高度占滿整個視口 */
}
.item {
  margin: 0 10px; /* 左側(cè)元素與容器邊界的距離 */
}

在這個示例中，我們創(chuàng)建了一個容器div，并給它添加了一個類名"container"，我們將容器的display屬性設(shè)置為"flex"，這表示該容器將采用flexbox布局，我們使用"justify-content"屬性將元素靠左對齊，并使用"align-items"屬性將元素上下居中，我們給容器設(shè)置了一個高度，使其占滿整個視口，并給內(nèi)部的元素添加了一個類名"item"，以及設(shè)置了一些margin值來調(diào)整元素與容器邊界的距離。

通過這種方法，我們可以輕松地實現(xiàn)元素在容器中的靠左上下居中布局。