css 元素各種居中方法

  • 時間:2018-10-14 23:01 作者:檸檬樹花醬 來源:檸檬樹花醬 閱讀:76
  • 掃一掃,手機訪問
摘要:①、 常用水平居中:給div設置一個寬度,寬度是必要條件,而后增加margin:0 auto屬性②、絕對定位居中絕對定位使元素的位置與文檔流無關,因而不占據空間。絕對定位的元素的位置相對于最近的已定位祖先元素,假如元素沒有已定位的祖先元素,那么它的位置相對于最初的包含塊。水平居中:left屬性和ri

①、 常用水平居中:給div設置一個寬度,寬度是必要條件,而后增加margin:0 auto屬性

css 元素各種居中方法

②、絕對定位居中

絕對定位使元素的位置與文檔流無關,因而不占據空間。

絕對定位的元素的位置相對于最近的已定位祖先元素,假如元素沒有已定位的祖先元素,那么它的位置相對于最初的包含塊

水平居中:left屬性和right屬性的值相對就可,不肯定為0

css 元素各種居中方法

垂直居中:top屬性和bottom屬性的值相對就可,不肯定為0

css 元素各種居中方法

③、外邊距定位居中

left屬性值為50%,則margin-left為width的一半就可(負數)

css 元素各種居中方法

④、未知父容器的寬高,利用 `transform` 屬性

css 元素各種居中方法

⑤、利用flex布局,由于flex屬性是css3的特性,需要考慮瀏覽器的兼容性

css 元素各種居中方法

  • 全部評論(0)
最新發布的資訊信息
【系統環境|服務器應用】在CentOS 7上如何安裝Gogs 0.11.53(2020-02-10 10:14)
【系統環境|】淘碼庫,據消息稱已被調查。淘碼庫源碼網,已經無法訪問!(2020-01-14 04:13)
【系統環境|服務器應用】Discuz隱藏后臺admin.php網址修改路徑(2019-12-16 16:48)
【系統環境|服務器應用】2020新網站如何讓百度快速收錄網站首頁最新方法,親測有用!免費(2019-12-16 16:46)
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
手機二維碼手機訪問領取大禮包
返回頂部
澳洲幸运10精准人工计划