記錄一下自己常用的兩種簡單實現水平垂直居中的方法

2021-09-13 17:41:02 字數 621 閱讀 6470

通過display:flex實現水平垂直居中主要依賴於justify-contentalign-items

justify-content決定了子元素的水平位置,設定justify-content:center即可實現子元素的水平居中

align-items決定了子元素的垂直位置,設定align-items:center即可實現子元素的垂直居中,這裡需要設定元素高度

.container
另一種簡單實現水平垂直居中的方法就是利用text-align:center實現元素的水平居中,以及通過設定元素的heightline-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嗎?如果建索引...