align-content
作用:
會設定自由盒內部各個專案在垂直方向排列方式。
條件:
必須對父元素設定自由盒屬性display:flex;，並且設定排列方式為橫向排列flex-direction:row;並且設定換行，flex-wrap:wrap;這樣這個屬性的設定才會起作用。
設定物件:
這個屬性是對她容器內部的專案起作用，對父元素進行設定。
取值:
stretch:預設設定，會拉伸容器內每個專案占用的空間，填充方式為給每個專案下方增加空白。第乙個專案預設從容器頂端開始排列。
center:這個會取消專案之間的空白並把所有專案垂直居中。
flex-start:這個會取消專案之間的空白，並把專案放在容器頂部。
flex-end:這個會取消專案之間的空白並把專案放在容器底部。
space-between這個會使專案在垂直方向兩端對齊。即上面的專案對齊容器頂部，最下面乙個專案對齊容器底部。留相同間隔在每個專案之間。
space-around:這個會使每個專案上下位置保留相同長度空白，使得專案之間的空白為兩倍的單個專案空白。
inherit:使得元素的這個屬性繼承自它的父元素。
innitial:使元素這個屬性為預設初始值。
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
關於css中的position
對於position的幾個屬性 static 無特殊定位，物件遵循html定位規則 absolute 將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距，但仍有補白和邊框 relative 物件不可層疊，但將...
關於css中overflow hidden的使用
overflow hidden有兩個用處經常用到 1 通過設定自身的高度，加上overflow hidden可以隱藏超過容器本身的內容 但是，小編在以往的使用中，發現了乙個問題，只要父級容器設定了overflow hidden，那麼它的子孫元素都將會應用上去，並無法在內部消除,如果內部需要做div絕...