讓既垂直有水平居中首先就要知道div的寬度和高度,然後設定他的position屬性定位,再設定它從頂部到父元素和左邊到父元素的距離都為50%,然後再設定它的外邊距margin上邊自己高度的一半,左邊為自己寬度的一半,如下css**。
html:
css:
.main
.content
然後設定圓角屬性為50%就變成乙個遠居中了。
js實現居中螢幕中間:
//獲取滾動條
function getscroll()
};//獲取div大小
function getinner()
} else }}
var box = document.getelementsbyclassname('main');
var top = (getinner().height - 400) / 2 + getscroll().top; // 400是div的高度
var left = (getinner().width - 600) / 2 + getscroll().left; //600是div的寬度
box[0].style.top = top + 'px';
box[0].style.left = left + 'px';
然後就可以了。 DIV水平居中 垂直居中
一 css 居中 水平居中 div等標籤本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center,然後巢狀一層div來解決問題。可是這個方法有時候完全不起作用,而且對於布局是非常不科學的方法。正確的的設定寫法如下 對頁面構造沒有影響 div 這句css居中的意思就...
如何讓DIV水平和垂直居中
css讓div水平居中 說明,本文中所指的div包括html頁面中所有的元素。讓乙個div水平居中,直接用css就可以做到。只要設定了div的寬度,然後使用margin設定邊距0 auto,css自動算出左右邊距,使得div居中。mydiv 但是如果要使div垂直方向也居中,恐怕css需要修改了。c...
div水平居中及div水平垂直居中的方法總結
1 margin auto wrap wrap txt2 text align center 3 absolute margin偏移 wrap wrap txt4 display box 文字 box pack5 absolute transform 1 line height 文字 wrap tx...