摘要:的幾種取值默認默認值,,正常文檔流。此時等無效相對于本來該在的位置進行移動,但是文檔流還是原來的位置。相對于前一個非祖先元素進行定位,此時元素脫離了文檔流。可以結合實現水平,垂直居中。
position的幾種取值:static(默認),relative,absolute,fixed,sticky
static:
默認值,not positioned,正常文檔流。此時top,right,left,bottom,z-index等無效
relative:
相對于本來該在的位置進行移動,但是文檔流還是原來的位置。可以用其來實現居中。
absolute:
相對于前一個非static祖先元素進行定位,此時元素脫離了文檔流。可以結合translate實現水平,垂直居中。
fixed:
相對于瀏覽器定位,此時文檔脫離了文檔流。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/114767.html
摘要:垂直居中相關知識總結前言工作中用到了很多關于垂直居中相關的知識之前,在上提問了個問題關于垂直居中,大家有沒有什么比較好的建議。 垂直居中相關知識總結 前言 工作中用到了很多關于垂直居中相關的知識之前,在SF上提問了個問題CSS關于垂直居中,大家有沒有什么比較好的建議。非常感謝各位前輩對我的幫助,前輩們給的答案都非常多也各式各樣,我覺得有必要把大家的回答總結一下。 方法總結 一、絕對定...
摘要:垂直居中相關知識總結前言工作中用到了很多關于垂直居中相關的知識之前,在上提問了個問題關于垂直居中,大家有沒有什么比較好的建議。 垂直居中相關知識總結 前言 工作中用到了很多關于垂直居中相關的知識之前,在SF上提問了個問題CSS關于垂直居中,大家有沒有什么比較好的建議。非常感謝各位前輩對我的幫助,前輩們給的答案都非常多也各式各樣,我覺得有必要把大家的回答總結一下。 方法總結 一、絕對定...
摘要:元素寬度為第一種情況元素為文檔流中元素結論將上面結論中的例子元素寬度換為,表現與結論例子的表現一樣,因此若元素為文檔流中元素,則子元素寬度為父元素寬度的的。 約定:以下所討論元素均為,display:block的非置換元素。關于什么是置換元素,什么是非置換元素元素,以及在w3c標準中定義的各種視覺化格式的框將在一篇博文中作出詳細闡述。 1.元素不設寬度 第一種情況:元素為文檔流中元素 ...
摘要:之前看了張大大的博客總結一下我對和的一些認知。站在巨人的肩膀上學習,再次謝謝張大大阮大大的各種分享。 對于元素的水平居中,我根據我自己之前的一些學習來進行一些總結,如果有不對的地方,歡迎指正~ 一、讓大小不固定的元素垂直居中 因為:表格的單元格的特別屬性:垂直居中等; `div.parent { display: table-cell; vertical-align...
摘要:之前看了張大大的博客總結一下我對和的一些認知。站在巨人的肩膀上學習,再次謝謝張大大阮大大的各種分享。 對于元素的水平居中,我根據我自己之前的一些學習來進行一些總結,如果有不對的地方,歡迎指正~ 一、讓大小不固定的元素垂直居中 因為:表格的單元格的特別屬性:垂直居中等; `div.parent { display: table-cell; vertical-align...
閱讀 769·2021-11-23 09:51
閱讀 835·2021-11-23 09:51
閱讀 2503·2021-11-15 18:01
閱讀 3864·2021-10-11 11:07
閱讀 2397·2021-09-22 15:30
閱讀 1075·2021-09-22 14:59
閱讀 1557·2019-08-30 15:55
閱讀 1753·2019-08-30 15:52