主要是運用了彈性布局的flex-wrap屬性(記得給父元素設定寬高並給display:flex)
預設情況下,專案都排在一條線(又稱"軸線")上。flex-wrap
屬性定義,如果一xie條軸線排不下,如何換行。
有三個屬性:nowrap
(預設):不換行。wrap
:換行,第一行在上方。wrap-reverse
:換行,第一行在下方。
css:
width:1100px
height:900px
display:flex;
* 彈性容器為多行。該情況下彈性子項溢位的部分會被放置到新行,子項內部會發生斷行。*/
flex-wrap: wrap;
/*ustify-content用於設定或檢索彈性盒子元素在主軸(橫軸)方向上的對齊方式。預設值。專案位於容器的開頭*/
justify-content: flex-start;
width: 300px;
height: 100px;
flex-basis: 300px;
margin: 15px 5px 5px 5px;
/*flex-basis屬性用於設定或檢索彈性盒伸縮基準值。
html:
js自動填充
工具類 var hsutil var elements jquery expr find hs model 這裡會找到帶有hs model標籤的元素 elements.each function else 這裡是關鍵,元素的hs model中必須儲存鍵名。行業 從業人員 註冊資金 狀態 hsutil...
Mybatis Plus自動填充
使用場景 專案中經常會遇到一些資料,每次都使用相同的方式填充,例如記錄的建立時間,更新時間等,完成這些欄位的賦值工作 1 資料庫表中新增自動填充字段 在表中新增datetime型別的新的字段 create time update time 2 實體上新增屬性和註解 data public class...
MybatisPlus 自動填充
專案中經常會遇到一些資料,每次都使用相同的方式填充,例如記錄的建立時間,更新時間等。我們可以使用mybatis plus的自動填充功能,完成這些欄位的賦值工作 在user表中新增datetime型別的新的字段 create time update time 實體上增加欄位並新增自動填充註解 tabl...