CSS中，對于元素的排布，其位置及對齊方式就顯得尤其重要。而對于一個元素，如果需要在其容器中以中間位置的方式左對齊，就需要用到CSS的一些特殊屬性。

.box {
display: flex;
justify-content: center;
align-items: flex-start;
}
.item {
width: 50%;
}

上面的代碼中，我們使用了flex布局來實現元素的排布。容器的justify-content屬性設為center，即水平居中對齊，align-items屬性設為flex-start，即垂直方向上頂端對齊。

同時，子元素的寬度也要設置為50%，以保證元素在容器中水平居中對齊的效果。

這樣，我們就可以實現中間位置左對齊的效果了。