今天來和大家分享一下關于CSS實例中T字分割的方法。T字分割可以非常好的讓頁面呈現出分欄的效果，并且可以充分利用頁面的空間，使得頁面更美觀。

.container {
display: flex;
height: 100vh;
width: 100%;
}
.left-column {
width: 50%;
height: 100%;
background-color: #369;
}
.right-column {
width: 50%;
height: 100%;
background-color: #C33;
}
.t-segment {
width: 100%;
height: 50%;
background-color: #FFF;
}

以上是我們實現T字分割的樣式代碼。我們先通過.container設置了頁面高度為100vh（即頁面的可視高度）、寬度100%。再通過靈活運用flex來讓兩個分欄呈現出橫向排列的效果。

分別設置左右兩欄left-column與right-column的寬度為50%。這里我們分別給左右兩欄設置了兩種不同的背景顏色，更好的展示分欄的效果。

接著我們在左右兩欄的中間添加一個高50%寬100%的t-segment，通過這個盒子來實現上下分割的效果，最終呈現出T字分欄的效果。

以上就是用CSS實現T字分割的所有代碼和效果，并且這個方法可以在實際開發中靈活運用，讓頁面效果更棒。