如何使用JavaScript居中對齊？

Question

我想使用javascript將“ div”對齊方式設置為居中。 使用javascript的原因在IE中無法使用“ margin：auto”。

我已經編碼：

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<title>
All Time Set Window
</title>
<script language="JavaScript" type="text/javascript">
$(document).ready(
    var winSize = $(window).width();
    var margin = winSize % 10;
    function setMargin(){
        $('#main').css({'margin-left':margin,'margin-right':margin});  
    }
)
</script>
</head>
<body>
<div id="main" align="center" style="width:1000px; height:100%; text-align:center; border: #000 solid 1px; margin:auto;">
    <div id="inner1" style="width:100%; height:20%; background-color:#F8E0E0; float:top;  border: #000 solid 1px;">
        <div id="inner11" align="center">This is Header</div>
    </div>
    <div id="inner2" style="width:100%; height:60%; background-color:#F5F6CE; border: #000 solid 1px;">
        <div id="inner21" align="center" style="width:70%; background-color:#E3F6CE; float:left;">This is Left Frame</div>
        <div id="inner22" align="center" style="width:30%; background-color:#E0E0F8; float:right;">This is Right Frame</div>
    </div>
    <div id="inner3" style="width:100%; height:20%; float:bottom; background-color:#F8E0E0; border: #000 solid 1px;">
        <div id="inner23" align="center">This is Footer</div>
    </div>
</div>
</body>
</html>

但是，仍然javascript代碼無法正常工作。 有什么解決方案？

Answer 1

使用此代碼

$(document).read( function($){  ... } )

而不是您的代碼：

$(document).ready( ... )

甚至更短：

$(function(){ ... })

如何使用JavaScript居中對齊？

問題描述

1 個解決方案

解決方案1
0 已采納 2010-08-20 08:01:31

如何使用JavaScript居中對齊？

問題描述

1 個解決方案

解決方案1 0 已采納 2010-08-20 08:01:31

解決方案1
0 已采納 2010-08-20 08:01:31