flex是彈性盒子，給父盒子新增display:flex;子元素會按照從左到右排列，與浮動相比不會脫離文件流，但相容性較低，ie9以下不支援，ie10僅部分支援。
屬性：
flex-direction:設定盒子的排列方式
row 從左到右水平排列
row-reverse 水平反向排列
column 從上到下垂直排列
column-reverse 垂直反向排列
flex-wrap:規定單行還是多行
nowrap 預設不換行，會改變子盒子的寬度
wrap 換行
wrap-reverse 反向換行
上述兩種屬性可以寫成一種復合屬性
flex-flow:flex-direction flex-wrap;
justify-content:控制元素在主軸的排列
flex-start 元素僅靠主軸起點
flex-end 元素僅靠主軸終點
space-between 第乙個元素靠近起點，最後乙個元素靠近終點，餘下元素平均分配
space-around 每個元素兩側間隔相等
space-evenly 元素間平均分配
align-items: 設定側軸對齊方式
flex-start flex-end center baseline(基線) stretch(設定拉伸時不能設定寬高)
align-content:控制元素在側軸的排列，如果沒有設定wrap，就不能作用於單行
stretch 將元素平均分配拉伸
其他屬性值與justify-content相同
寫在子盒子裡的，用來控制某乙個子盒子的屬性
align-self:控制單個元素在交叉軸上的排列
stretch flex-start flex-end center（當子盒子只有一行時）
flex-grow:將彈性盒子的可用空間，按設定的比例分配給彈性元素
flex-shrink:將彈性盒子放不下的空間，按比例縮小分配給彈性元素
flex-basis:定義某乙個元素的空間，優先順序高於width,height
以上三種屬性可以復合成一種
flex:flex-grow flex-shrink flex-basis;
0 1 auto（為預設值）
絕對定位的彈性元素不參與彈性布局
第十四天 Session
session通過sessionid來區分不同的客戶,session是以cookie或url重寫為基礎的,預設使用cookie來實現,系統會創造乙個名為jsessionid的輸出cookie,這稱之為session cookie,以區別persistent cookies 通常看不到jsession...
第十四天 response
教學導航 教學目標 案例二 生成驗證碼 了解 教學方法 我們在建立servlet時會覆蓋service 方法，或doget dopost 這些方法都有兩個引數，乙個為代表請求的request和代表響應response。service方法中的response的型別是servletresponse，而d...
Qt第十四天
qfiledialog檔案對話方塊 qcolordialog顏色對話方塊 qfontdialog字型對話方塊 qinputdialog輸入對話方塊 qmessagebox訊息框 dialog.h ifndef dialog h define dialog h include namespace ui...