transform垂直居中

html

<div class="demo"></div>

css

div {
    width: 100px;
    height: 100px;
    position: fixed;
    left: 50%;
    top: 50%;
}

.demo {
    border: 1px solid #ddd;
    background-color: #ddd;
    transform: translate(-50%, -50%);
}
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 收聽音頻,戳鏈接,舊號itclan已暫停使用,歡迎關注微信itclanCoder公眾號可收聽更多音頻 前言 關于網...
    itclanCoder閱讀 8,214評論 3贊 30
  • 一.需要遵守的代碼規范HTML部分1.語法：tab縮進兩格，標簽必須被閉合，能省略'/'的就省略，屬性用雙引號，嵌...
    swhzzz閱讀 696評論 0贊 1
  • css水平居中很簡單，只需一行字，使用text-align: center; 或者 margin: auto; 就...
    Dannn_Y閱讀 281評論 0贊 0
  • 我是一個孤獨的人，從出生就這么認為。 雖然我是家人最小的，最受寵的，但是不得不承認我是最早成熟的，從小就自主性很強...
    蔣小小喵閱讀 392評論 3贊 2
  • 花開有意我也曾記 流水無情我也曾歷 最是時光匆匆此去無留意 珍惜所有到偏執 是否笑將我憶？ 念最初姑娘懵懂不諳塵事...
    惜得閱讀 241評論 1贊 1