在CSS中，我們可以使用“display: none;”來隱藏一個(gè)元素。這種方式會完全隱藏元素，包括其占用的空間。如果我們希望元素不被完全隱藏，而是只在寬度小于一定值時(shí)隱藏，應(yīng)該怎么做呢？

@media (max-width: 768px) {
.hidden {
display: none;
}
}

上面的代碼使用了CSS中的媒體查詢，當(dāng)屏幕寬度小于768像素時(shí)，元素的類名為“hidden”的樣式會被設(shè)為“display: none;”，從而隱藏元素。這種方式可以確保元素在大屏幕上仍然可見。

另一種實(shí)現(xiàn)方法是使用CSS中的“overflow: hidden;”屬性。當(dāng)元素的寬度小于其內(nèi)容的總寬度時(shí)，這個(gè)屬性會隱藏溢出的內(nèi)容。因此，我們可以將元素的寬度設(shè)置為一個(gè)較小的值，并將其內(nèi)部內(nèi)容的寬度設(shè)置為一個(gè)較大的值。此時(shí)，當(dāng)屏幕寬度小于元素的寬度時(shí)，元素的內(nèi)容就會被截?cái)嗖㈦[藏。

.container {
width: 100px;
overflow: hidden;
}
.container .content {
width: 200px;
}

上面的代碼中，我們將容器元素設(shè)置為一個(gè)較小的寬度，同時(shí)將其內(nèi)部內(nèi)容的寬度設(shè)置為一個(gè)較大的值。當(dāng)屏幕寬度小于100像素時(shí)，容器內(nèi)部的內(nèi)容就會被隱藏。