通過display:flex
實現水平垂直居中主要依賴於justify-content
和align-items
justify-content
決定了子元素的水平位置,設定justify-content:center
即可實現子元素的水平居中
align-items
決定了子元素的垂直位置,設定align-items:center
即可實現子元素的垂直居中,這裡需要設定元素高度
.container
另一種簡單實現水平垂直居中的方法就是利用text-align:center
實現元素的水平居中,以及通過設定元素的height
和line-height
相同來實現子元素的垂直居中
水平垂直居中元素
記錄一下自己的生活
上學,畢業,工作,考研,讀研,研究生開學已經乙個月了。我覺得自己應該在某個角落來記錄一下自己的生活,有振奮人心的時刻,也有低落迷茫的時候。人生的大部分時候都在選擇,選擇生活,選擇學習,選擇去度過某些艱難的時刻,選擇和什麼樣的人成為朋友。還有很多的時候面對乙個結果,這個結果讓我們自己都沒有很深刻 的 ...
記錄一下自己的webpack配置
wepack版本 webpack 4.17.1 webpack cli 3.1.0 webpack dev server 3.1.7 webpack配置 const path require path const htmlwebpackplugin require html webpack plug...
記錄一下自己的現場面試
mybatis中的 和 的有什麼區別,為什麼?怎麼通過反射獲取乙個類的屬性和方法?sql語句中怎麼用函式轉換實現?怎麼使用dubbo實現各個服務之間的不同呼叫?怎麼使用jq拿到乙個input標籤的值,並且把他輸出到另外乙個input標籤中?怎麼用redis的底層資料結構?了解kafka嗎?如果建索引...