css 垂直居中

1、子元素在父元素中水平居中，垂直居中 給父元素加 ? position: relative;//如果不加此屬性 ，則元素相對于頁面居中定位 給子元素加： position: absolute; top: 50%;//可調節 left: 50%;//可調節 width:80%;//可調節 height:30%; padding:20px; //可選擇 text-align:center; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 前言 CSS居中一直是一個比較敏感的話題，為了以后開發的方便，樓主覺得確實需要總結一下了，總的來說，居中問題分為垂...
    秦至閱讀 743評論 1贊 2
  • 標簽：css-常用技巧 table-cell 式將 center 元素的父容器設置為 display:table,...
    練曉習閱讀 528評論 0贊 1
  • 對于最流行的表格布局法和行內塊法不去考慮，只考慮用最新的現代CSS去實現 基于絕對定位的解決方案 1.早期解決方法...
    咕咚咚bells閱讀 260評論 0贊 0
  • 第一種：基于絕對定位的解決方案 用top,left移動只是將div的左上角移到父元素的正中心，視覺上并沒有使div...
    owlhpy閱讀 269評論 0贊 0
  • 垂直居中有幾種實現方式 父元素上下padding設置成一樣大小代碼2.絕對定位position: absolute...
    饑人谷_wanpp閱讀 627評論 0贊 47