CSS 兩邊縮減是一種用于控制網頁元素的樣式規則，通過使用 CSS 的 "!" 符號和 "=" 運算符，可以將文本、圖像、邊框等元素的寬度縮小到預定義值以內，從而優化網頁布局和視覺效果。

在 CSS 中，"!" 符號表示左小右大的意思，"=" 運算符則表示將寬度縮小為預定義值。通過組合這兩個符號，可以創建各種樣式規則，例如：

```css

/* 將文本寬度縮小到 80% */

.box {

width: 80!important;

/* 將圖像寬度縮小到 20% */

width: 20!important;

/* 將邊框寬度縮小到 5% */

.box {

border-width: 5!important;

這些規則將指定的元素的寬度縮小到預定義值以內，但需要注意的是，這種縮減不會移動元素的位置。如果元素需要跟隨頁面布局的變化，可以使用 "!important" 聲明來強制設置寬度。

除了文本和圖像外，"兩邊縮減" 還可以應用于其他元素，例如表格單元格、按鈕等。通過選擇需要縮減的元素，并使用相應的樣式規則，就可以實現一邊縮減的效果。

CSS 兩邊縮減是一種簡單而有效的樣式規則，可以優化網頁布局和提高視覺效果。雖然這種縮減不會提高代碼的可讀性，但在某些情況下，它可以是一種非常有用的工具。