CSS語言中的水平居中往往是網頁設計中最經常被用到的技巧之一。水平居中的基本方式就是使用 CSS 的 margin 屬性，而在這個過程中，我們就需要知道 “水平均分” 的概念。

/* 水平居中的基本方式 */
.example {
width: 80%;  /* 固定寬度 */
margin: 0 auto;    /* 水平居中 */
}

但是，有時候我們需要將一個元素水平均分，具體指將其分成固定數量的等寬份，這時候就需要我們運用 “水平均分” 的技巧。

/* 水平均分例子 */
.parent {
display: flex;
justify-content: space-between;    /* 等分 */
}
.child {
width:calc(100% / 3 - 10px);    /* 等寬 */
}

使用 flex 布局，我們可以輕易地將父元素的空間分配到相應的子元素中去。"justify-content: space-between" 樣式用于將這個空間等分。而 calc() 方法用來計算等寬的子元素大小。其中 “100%” 指代了父元素的整個寬度， “3” 表示將其分成三份， "-10px" 用于設置相鄰子元素之間的間距。

通過這樣的設置，在未設置寬度的情況下，子元素能夠平均分配其所在的父元素的空間，從而實現了水平均分的效果，達到我們所期望的頁面效果。