如何實現整個頁面垂直和水平居中

2022-07-18 05:39:11 字數 519 閱讀 6345

怎樣實現固定寬度、高度的頁面在不同解析度的螢幕上垂直、水平居中,要求相容ie;注意不是一張,也不是寬度和高度都比較小的div,而是整個頁面,具體如**如下

<

html

>

<

head

>

<

style

style

="text/css"

>

#div1

style

>

head

>

<

body

>

<

div

id="div1"

>

我居中了嗎?

div>

body

>

html

>

這段**並不能完美的實現整個頁面的垂直居中,當瀏覽器縮小或者小螢幕電腦是就出問題了,頂部是不能完全顯示的,注意是整個頁面。但是,登入頁面可以用這個方法來實現。

希望有高手能解決一下這個問題

如何實現水平垂直居中

固定寬高的元素,設定垂直居中 法一 用position absolute和transform translate來設定 css3的方法 div法二 設定display absolute和margin left margin top設定 css2的方法 div法三 設定四邊都為0,margin aut...

如何實現水平 垂直居中

不確定當前div的寬度和高度,採用 transform translate 50 50 當前div的父級新增相對定位 position relative div 確定了當前div的寬度,margin值為當前div寬度一半的負值 div 絕對定位下top left right bottom 都設定0 ...

css實現水平居中 垂直居中 垂直水平居中布局

1.只需要把行內元素包裹在乙個屬性display為block的父層元素中,並為父層元素新增如下屬性即可 parent2.塊狀元素解決方案 item3.多個塊狀元素解決方案將元素的display屬性設定為inline block,並且把父元素的text align屬性設定為center即可 paren...