首頁  >  文章  >  web前端  >  垂直水平居中

垂直水平居中

高洛峰
高洛峰原創
2016-10-09 13:46:211552瀏覽

垂直水平居中


垂直水平居中

這是body代碼

  1. 垂直水平居中

    垂直水平居中 50%,margin-top和margin-left設定為高寬的一半乘以-1.

    2.水平居中:
方法1:margin: 0 auto;

方法2:

方法2:

垂直水平居中

方法2:

垂直水平居中

解析:父元素relative,子元素absolute,子元素設定寬度,left:50%;margin-left:寬度的一半乘以-1;

3.垂直居中:

垂直水平居中

解析:父元素relative,子元素absolute,子元素設定高度,頂部:50%;margin-top:寬度的一半乘以-1;

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
上一篇:雪碧圖應用下一篇:雪碧圖應用