CSS是網頁設計中必不可少的一部分，通過CSS我們可以控制網頁的樣式。今天我們來聊一下CSS不換行三個部分充滿的問題。

CSS中的white-space屬性可以控制元素內部的空白符是否被保留。其中，nowrap值可以讓元素內容在一行內顯示，并且超出部分被隱藏。

p {
white-space: nowrap;
}

使用上述代碼，我們可以使得所有的

標簽內的內容都不會換行。但是有些時候，我們需要讓內容分成三個部分，并且寬度充滿整個屏幕。這該怎么實現呢？

.container {
width: 100%;
display: flex;
}
.container div {
flex-grow: 1;
white-space: nowrap;
}

上述代碼中，我們首先將容器的寬度設置為100%，然后通過display:flex將其內部的子元素排列成一行。每個子元素的flex-grow屬性設置為1，表示其可以放大以充滿容器的剩余空間。同時，我們將子元素的white-space屬性設置為nowrap，使得它們的內容不會換行。

通過上面的代碼，我們可以輕松地實現三個部分充滿整個屏幕的效果。