彈性布局的一些常見的用法
1 基本概念
採用 flex 布局的元素，稱為 flex 容器（flex container），簡稱"容器"。它的所有子元素自動成為容器成員，稱為 flex 專案（flex item），簡稱"專案"。
容器預設存在兩根軸：水平的主軸（main axis）和垂直的交叉軸（cross axis）。主軸的開始位置（與邊框的交叉點）叫做main start，結束位置叫做main end；交叉軸的開始位置叫做cross start，結束位置叫做cross end。
flex專案預設沿主軸排列。單個專案佔據的主軸空間叫做main size，佔據的交叉軸空間叫做cross size。
flex屬性分為兩部分，一部分作用於容器稱容器屬性，另一部分作用於專案稱為專案屬性。下面我們就分部的來介紹它們。
彈性布局的一些使用
① 給父容器新增display: flex/inline-flex;屬性，即可使容器內容採用彈性布局顯示，而不遵循常規文件流的顯示方式；
② 容器新增彈性布局後，僅僅是容器內容採用彈性布局，而容器自身在文件流中的定位方式依然遵循常規文件流；
③display:flex;容器新增彈性布局後，顯示為塊級元素；display:inline-flex;容器新增彈性布局後，顯示為行級元素；
④ 設為flex布局後，子元素的float、clear和vertical-align屬性將失效。但是position屬性，依然生效。五個簡單的div，只給父容器新增了display: flex;屬性，就可以讓容器內部打破原有文件流模式，展現為彈性布局。
3 作為父容器的6大屬性
①flex-direction屬性決定主軸的方向（即專案的排列方向）。
row（預設值）： 主軸為水平方向，起點在左端；
row-reverse： 主軸在水平方向，起點在右端 ；
column：主軸為垂直方向，起點在上沿。
②flex-wrap屬性定義，如果一條軸線排不下，如何換行。
nowrap（預設）：不換行。當容器寬度不夠時，每個專案會被擠壓寬度；
wrap： 換行，並且第一行在容器最上方；
wrap-reverse： 換行，並且第一行在容器最下方。
③ flex-flow是flex-direction和flex-wrap的縮寫形式，預設值為：flex-flow: row wrap;不做過多解釋
④justify-content屬性定義了專案在主軸上的對齊方式。>>>此屬性與主軸方向息息相關。主軸方向為：row-起點在左邊，row-reverse-起點在右邊，column-起點在上邊，column-reverse-起點在下邊flex-start（預設值）： 專案位於主軸起點。flex-end：專案位於主軸終點。center： 居中space-between：兩端對齊，專案之間的間隔都相等。(開頭和最後的專案，與父容器邊緣沒有間隔)space-around：每個專案兩側的間隔相等。所以，專案之間的間隔比專案與邊框的間隔大一倍。(開頭和最後的專案，與父容器邊緣有一定的間隔)
⑤ align-items屬性定義專案在交叉軸上如何對齊。flex-start：交叉軸的起點對齊。flex-end：交叉軸的終點對齊。center：交叉軸的中點對齊。baseline:專案的第一行文字的基線對齊。(文字的行高、字型大小會影響每行的基線)stretch（預設值）：如果專案未設定高度或設為auto，將佔滿整個容器的高度。
彈性布局基本上介紹的差不多了，希望對一些小白有幫助，
CSS 字型大小最常用的單位
元素的font size屬性是從該元素的父元素繼承的。所以這一切都是從整個文件的根元素 元素 表示乙個html文件的根 頂級元素 所以它也被稱為根元素。所有其他元素必須是此元素的後代。href 開始，瀏覽器的font size標準設定的值為 16px。在根元素中的任何段落 或者那些瀏覽器沒有設定預設...
css中的彈性布局
需求 多個div從下往上布局 div垂直居中 任何乙個容器可以指定為flex布局，但是td和th等標籤本身已有布局，所以重寫display屬性會使元素失去原有的布局特性 display flex 任何乙個被設定為彈性布局的容器會有兩條抽象的軸，彈性布局的容器的有以下屬性 flex wrap 所有專案...
我們在股市中的敵人
1.關於 和機構 前面石頭說了很多我們 應該具備的 心態和操作方式，至今仍然有朋友在帖子裡面問石頭主力是怎麼建倉啊，怎麼做波動啊，怎麼出貨啊等等問題，石頭不知道這些朋友是好奇還是為了使自己變得比主力聰明。我們說現在社會貧富不均，改革開放以來什麼時候均過呢？可以想象的到再過10到15年一定會更不均，因...