CSS中的字離左邊框是指文本內容離指定元素左邊框的距離，通常通過設置padding、margin或text-indent屬性實現，下面我們來逐一介紹這些屬性的用法：

/* 使用padding實現字距左邊框的距離 */
.example {
padding-left: 20px;
}
/* 使用margin實現字距左邊框的距離 */
.example {
margin-left: 20px;
}
/* 使用text-indent實現字距左邊框的距離 */
.example {
text-indent: 20px;
}

以上三個屬性都可以實現字距左邊框的距離，但它們的含義和使用場景略有不同。

padding是指元素內部的距離，所以使用padding-left會使元素內部的所有內容都離左邊框20px。此外，padding可以設置上下左右四個方向的距離，用法類似。

margin是指元素外部的距離，所以使用margin-left會使元素整體向右移動20px并留出與左側元素之間的距離，但并不會影響元素內部內容的位置。

text-indent是指第一個字符距離左邊框的距離，所以使用text-indent會使首行縮進20px，其他內容不受影響。此外，text-indent還具有負值的功能，可以用來實現段落首行懸掛縮進等效果。

總之，不同的場景需要使用不同的CSS屬性來實現字與左邊框的距離控制，熟練掌握它們的使用，可以為我們的頁面布局帶來更多靈活性。