“DIV居中”在FF与IE中的不同

废话少说,先来段代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>DIV</title>
<style type="text/css">
#sidebar{width: 350px;text-align:center;}
</style>
</head>
<body>
<div id="sidebar">
	<table>
		<tr><td>username:</td><td><input type="text" name="username"></td>
		<tr><td>password:</td><td><input type="password" name="password"></td>
	</table>
</div>
</body>
</html>
 

 

 

id为sidebar的DIV在IE中可居中显示,但在FF中却不行。为何会这样?

经过一番网上搜索血拼之后 ,终于找到了一个方法:

将第六行代码改为:

#sidebar{width: 350px;text-align:center;margin-right:auto;margin-left:auto;}

为何需要加入这段代码?

margin-right:auto;margin-left:auto;

 

原因待查。。。

你可能感兴趣的:(html,css,IE)