CSS是前端开发中重要的一环，尤其是样式的制定。其中一个常见的问题就是元素在页面的水平位置如何进行控制，其中就包括居左控制。

在CSS中，可以使用margin属性对元素进行水平方向的位置控制。其中，左侧空白的控制是通过margin-left属性进行的，可以设置固定像素值、百分比、auto等值进行控制。

/* 设置左侧边距为20px */
div {
margin-left: 20px;
}
/* 设置左侧边距为30% */
p {
margin-left: 30%;
}
/* 左侧边距自适应，设置为auto */
img {
margin-left: auto;
}

其中，最常用的就是固定像素值的控制。根据UI设计的要求，可以设置不同的像素值进行调整，以满足页面中不同元素的布置要求。

在实际开发过程中，不同的项目可能需要不同的像素值进行控制。一般来说，在响应式页面开发中，需要根据设备屏幕的不同尺寸进行调整。一般来说，越大的设备屏幕可以使用更多的像素值进行控制，而对于移动设备则需要使用更少的像素值进行控制。

综上所述，CSS中的居左多少像素控制方式非常灵活，可以根据UI设计的要求以及不同设备的屏幕尺寸进行调整。在实际开发过程中，需要根据具体情况进行灵活应用，以确保元素布局的合理性和视觉效果的良好度。