在CSS中，可以使用width屬性來控制元素的寬度，如果你想要讓單獨(dú)的一列變窄，你可以為該列設(shè)置具體的寬度值，以下是一些示例代碼，展示如何使單獨(dú)的一列變窄：

示例1: 固定寬度

.column {
  width: 200px;
}

在這個(gè)示例中，我們?yōu)轭惷麨?code>.column的元素設(shè)置了固定的寬度為200像素，這會(huì)使該列在所有情況下都具有相同的寬度。

示例2: 百分比寬度

.column {
  width: 50%;
}

在這個(gè)示例中，我們使用了百分比來設(shè)置寬度，這樣列寬會(huì)隨其父元素的寬度而變化，如果父元素寬度為400像素，該列寬度將為200像素。

示例3: min-width 和 max-width

.column {
  min-width: 200px;
  max-width: 300px;
}

在這個(gè)示例中，我們?cè)O(shè)置了列的***小寬度為200像素，***大寬度為300像素，這意味著列寬可以在這個(gè)范圍內(nèi)變化，但不會(huì)超過這個(gè)范圍。

示例4: 使用flex布局

如果你使用的是flex布局，可以通過設(shè)置flex屬性來控制列寬：

.container {
  display: flex;
}
.column {
  flex: 1;
}

在這個(gè)示例中，我們?cè)O(shè)置了一個(gè)flex容器，并使得列寬根據(jù)容器寬度自動(dòng)分配。flex: 1表示該列會(huì)占用容器寬度的1/N（N為容器中的列數(shù)）。

示例5: 媒體查詢和響應(yīng)式設(shè)計(jì)

在響應(yīng)式設(shè)計(jì)中，可以使用媒體查詢來根據(jù)屏幕大小調(diào)整列寬：

@media (max-width: 600px) {
  .column {
    width: 100%;
  }
}

在這個(gè)示例中，當(dāng)屏幕寬度小于或等于600像素時(shí)，列寬會(huì)變?yōu)?00%，以適應(yīng)小屏幕設(shè)備。

通過結(jié)合使用這些技術(shù)，你可以創(chuàng)建靈活且響應(yīng)式的布局，確保你的網(wǎng)站在各種設(shè)備和屏幕尺寸上都能良好地工作。