为什么我的不能居中??

lovegenii 2008-03-25 11:31:00

<center>

<div id="header">

<div id="header-left"></div>
<div id="header-right"></div>

</div>



<div id="main-seach">
</div>



<div id="main-middle">

<div class="discuss">
</div>
<div class="setout">
</div>
<div class="design">
</div>
<div class="prevail">
</div>
<div class="hotsell">
</div>
<div class="special">
</div>
<div class="new">
</div>
<div class="user"></div>
</div>




<div id="foot"></div>
</center>

我怎么弄也不能让它居中,加了center,也不行.就是不能实现整体的居中.请各位大侠帮帮我吧!

...全文

105 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

bhTinakeo 2008-03-28

打赏
举报

[Quote=引用 4 楼 mumuTiger 的回复:]
引用 2 楼 luxu001207 的回复:
div{margin-left:auto;margin-right:auto;}
<center/>标签去掉

方便兼容：
div{margin-left:auto;margin-right:auto;text-align:center;}
[/Quote]

同意

away8_girl 2008-03-26

打赏
举报

同意四楼的

zing02223 2008-03-25

打赏
举报

#header , #main-seach , #main-middle , #foot {
width: yourwidth;
margin: 0 auto;
}
去掉center

lifuyun 2008-03-25

打赏
举报

jackyBody 2008-03-25

打赏
举报

[Quote=引用 2 楼 luxu001207 的回复:]
div{margin-left:auto;margin-right:auto;}
<center/>标签去掉
[/Quote]
方便兼容：
div{margin-left:auto;margin-right:auto;text-align:center;}

xlsdan 2008-03-25

打赏
举报



<html>

<head>

<title> test</title>

<style>

#header , #main-seach , #main-middle , #foot { 

    width:500px; 

    margin: 0 auto; 

    text-align:center;  

} 

</style>

</head>



<body>

<!---------------头部(一层)开始--------------> 

<div id="header"> 

<!---------------头部(二层)开始--------------> 

<div id="header-left" ></div> <!--头部logo --> 

<div id="header-right"></div> <!--头部右侧 --> 

<!---------------头部(二层)结束--------------> 

</div> <!--头部(一层) --> 

<!--------------头部(一层)结束------------ --> 





<!---------------搜索体(一层)开始-------------> 

<div id="main-seach"><!--搜索体(一层) --> 

</div> 

<!-------------------搜索体(一层)结束 -----------> 





<!----------------------主体(一层)开始-------------> 

<div id="main-middle"> 

<!-- -------(主体)二层开始---------> 

<div class="discuss"><!--公告栏 --> 

</div> 

<div class="setout"><!--产品展示 --> 

</div> 

<div class="design"> <!--网友设计 --> 

</div> 

<div class="prevail"><!--流行产品 --> 

</div> 

<div class="hotsell"><!--热销产品 --> 

</div> 

<div class="special"><!---特价产品---> 

</div> 

<div class="new"> <!--新品上架 --> 

</div> 

<div class="user"></div> <!--用户评价 --> 

</div> 

<!---------(主体)二层结束---------------> 

<!-------------------主体(一层)结束-------------> 





<!----------- 页脚开始------------------> 

<div id="foot">  </div> 

</body>

</html>