2014-12-07 65 views
0

我需要水平和垂直居中我的小應用程序,但我只能將它居中放置。任何人都可以幫助解決這個簡單的CSS問題嗎?我曾嘗試使用「display:inline-block;」和「顯示:塊;」但這兩者都沒有效果。這裏是我的代碼:無法將Java Applet居中放置在HTML文件中

<!DOCTYPE html> 
<html> 
    <head> 
     <title>testing..</title>  
     <style type="text/css"> 
      html, body { 
       margin: 0; 
      } 
      #container { 
       width: 640px; 
       height: 610px;    
       margin: auto; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="container"> 
      <applet code="TetrisApplet.class" width="640" height="610"/> 
     </div> 
    </body> 
</html> 

回答

2

可以使用div和小程序 或將applet插入新的div寬度顯示的寬度相同:inline-block的;

+0

謝謝,我把它水平居中,現在它卡在頂端。我現在只需要垂直居中。這有助於:) – Mayron 2014-12-07 12:04:03

+0

6使用CSS垂直居中的方法http://www.vanseodesign.com/css/vertical-centering/ – CLARK 2014-12-07 12:10:58

+0

謝謝,只有「絕對定位和負邊距」方法工作:) – Mayron 2014-12-07 12:15:35