Hank 技術在 CSS 中的應用

Hank 技術是一種用于 CSS 中的技術，可以幫助開發者更加輕松地實現水平垂直居中、等分布局等功能，下面我們來具體了解一下。

水平垂直居中

在 CSS 中實現元素的水平垂直居中一直是開發者們的難點之一，Hank 技術可以有效地解決這個問題。其實現方式就是將元素的 margin 屬性值設為 auto，并將其父元素的 display 屬性值設置為 flex。例如：

.parent {
display: flex;
justify-content: center;
align-items: center;
}
.child {
margin: auto;
}

這樣就可以實現元素的水平垂直居中了。

等分布局

在網頁布局中，有時需要將容器水平分成若干等份，而這種等分布局也可以使用 Hank 技術來實現。方法是將容器的 display 屬性值設置為 flex，并將其子元素的 flex 屬性值分別設為 1，例如：

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

這樣就可以實現容器水平等分布局了。

總結

Hank 技術是一種在 CSS 中使用的技術，可以幫助開發者更加輕松地實現水平垂直居中、等分布局等功能。希望本文能夠給大家帶來幫助。