DIV水平垂直方向の中心CSS

/ * 原理を実現:水平および垂直中心他のブロック要素を作るDIVは、DIVのようなブロックレベル要素の幅と高さを知ることが必要であり、次に左の境界上のページからウィンドウの絶対位置と境界距離設定の場所を設定します50%、
それぞれ、左ページの幅とウィンドウの高さ、およびDIV等最後に、ブロックレベル要素の50%〜50%を意味し、そして左シフトブロックレベルdiv要素の幅及び他の寸法であり、移動半分の高さ。この方法は、一般的に使用される、
しかし、幅と高さのブロック要素の等配置DIVを必要とする場合にのみ。場合、ページDIV他のブロック要素の幅と高さが動的である場合、ポップは、素子層のブロックレベル要素のようなDIVを必要とし、センタリングすると言う、
幅及び高さも動的であるので、DIV内容他のブロックレベル要素は、動的です、あなたはjQueryの中央で解決することができます使用する必要があります。
* / .Mycss { 300ピクセルによって ; 高さ200pxの ; 位置絶対 ; 50% ; トップ50% ; マージン-100px -150px 0 } / * 2つの原則を達成:CSSマージンの使用は、あなたのブラウザが私たち自身が、垂直方向と水平方向中心に支援することができ、自動に設定されている* / .mycss { 位置絶対 ; 0PXを ; 0 ; トップ0 ; 0 ; マージン自動 ; 高さ200pxの ; 300ピクセルによって ; }

 

おすすめ

転載: www.cnblogs.com/tmdsleep/p/10984951.html