CSS Only CrossBrowser Vertical and Horizontal Alignment danilomatos Follow 2010-09-03 00:37:07 License: GPLv3 License Fork0 Fav0 View788 Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. Play Stop Reload Fullscreen Smart Phone Readme JavaScript 1 lines HTML 1 lines CSS 14 lines Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. CSS Only CrossBrowser Vertical and Horizontal Alignment document.write('<div id="box">Hello, World!</div>'); <canvas id='world'></canvas> CSS Only CrossBrowser Vertical and Horizontal Alignment body { background-color: #DDDDDD; font: 30px sans-serif; } /* CSS Only CrossBrowser Vertical and Horizontal Alignment */ /* Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. */ #box { width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border:1px solid black; } Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. document.write('<div id="box">Hello, World!</div>'); <canvas id='world'></canvas> body { background-color: #DDDDDD; font: 30px sans-serif; } /* CSS Only CrossBrowser Vertical and Horizontal Alignment */ /* Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. */ #box { width:100px; height:100px; position:absolute; top:50%; left:50%; margin-top:-50px; margin-left:-50px; border:1px solid black; } use an iframe compat browser, deer Play on jsdo.it games Share Embed QR Tag Download Complete! Description どんなゲームですか？ Just remember that the "margin-top" and "margin-left" properties must be HALF of the value of the "width" and "height" properties. Control Device スマートフォンコントローラー jsdo.it WebSocket Controller» マウス キーボード タッチデバイス Fullscreen 有効 無効 jsdo.it games から削除する Submit Tweet style Design view Code view code <script type="text/javascript" src="http://jsdo.it/blogparts/jxU2/js?view=design"></script><p class="ttlBpJsdoit" style="width: 465px; margin: 0; text-align: right; font-size: 11px;"><a href="http://jsdo.it/danilomatos/jxU2" title="CSS Only CrossBrowser Vertical and Horizontal Alignment">CSS Only CrossBrowser Vertical and Horizontal Alignment - jsdo.it - share JavaScript, HTML5 and CSS</a></p> alignment crossbrowser css Tweet twitter Tags alignment crossbrowser css
