CSS中，我們可以通過設置Overflow屬性來隱藏或顯示元素的溢出內容。其中Overflow-x屬性可以實現在X軸上隱藏溢出內容。當我們將Overflow-x屬性設置為Hidden時，會將元素X軸上溢出的內容隱藏到該元素的盒子內部，不會產生滾動條。

示例代碼：
.container{
width: 200px;
height: 100px;
overflow-x: hidden;
}

在上述代碼中，我們為.container元素設置了寬度為200px，高度為100px，并將Overflow-x屬性設置為Hidden。如果該元素中橫向溢出，則該溢出內容會被隱藏，而不會出現滾動條。

除了使用Overflow-x屬性來隱藏X軸上的溢出內容，我們還可以將X軸溢出內容自動截斷。我們可以將White-space屬性設置為Nowrap，來實現自動截斷。當我們將White-space屬性設置為Nowrap時，會將文本強制在一行內顯示，并且自動截斷橫向溢出部分。這樣，我們就可以避免橫向溢出造成的網頁整體排版問題。

示例代碼：
.container{
width: 200px;
white-space: nowrap;
overflow-x: hidden;
}

在上述代碼中，我們為.container元素設置了寬度為200px，并將White-space屬性設置為Nowrap。如果該元素中文本溢出屏幕，則該文本會被自動截取，不會影響網頁整體布局。