html中网页整个居中，两边留白的代码是什么
这是我的样式表，/*CSSDocument*/body{font-family:Verdana;font-size:8px;margin:1;}#container{ma...
这是我的样式表，/* CSS Document */
body { font-family:Verdana; font-size:8px; margin:1;}
#container {margin: 0 auto; width:500px;}
#header { height:100px; background - image:url(img/011.jpg); margin-bottom:5px; }
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:30%; height:500px; }
#content {float:right; width:70%; height:500px; margin:0 auto ;}
#foot{height:100px; background:#6cf; margin-bottom:5px;} 哪里有错吗?居中是居中了，可sideber和content之间总有空隙 展开
body { font-family:Verdana; font-size:8px; margin:1;}
#container {margin: 0 auto; width:500px;}
#header { height:100px; background - image:url(img/011.jpg); margin-bottom:5px; }
#menu { height:30px; background:#09c; margin-bottom:5px;}
#mainContent { height:500px; margin-bottom:5px;}
#sidebar { float:left; width:30%; height:500px; }
#content {float:right; width:70%; height:500px; margin:0 auto ;}
#foot{height:100px; background:#6cf; margin-bottom:5px;} 哪里有错吗?居中是居中了，可sideber和content之间总有空隙 展开
7个回答
展开全部
在html中使所有的元素都剧中显示两边留白的最简单的实现方法就是给整体的容器设置一个剧中，例如设置margin:0 auto。
工具原料：编辑器、浏览器
1、实现简单的让页面所有的元素的都剧中显示的方法如下：
<body >
<div style="border: 1px solid #000000; width: 300px; height: 500px;margin: 0 auto;">
<span>这是居中显示的一段文字</span>
</div>
</body>
2、给容器div设置margin的值，导致其会居中显示在body中，效果如下：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
在html中使所有的元素都剧中显示两边留白的最简单的实现方法就是给整体的容器设置一个剧中，例如设置margin:0 auto。
工具原料：编辑器、浏览器
1、实现简单的让页面所有的元素的都剧中显示的方法如下：
<body >
<div style="border: 1px solid #000000; width: 300px; height: 500px;margin: 0 auto;">
<span>这是居中显示的一段文字</span>
</div>
</body>
2、给容器div设置margin的值，导致其会居中显示在body中，效果如下：
html: 超文本标记语言， 标准通用标记语言下的一个应用。 “ 超文本 ”就是指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。 超文本标记语言的结构包括 “头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。
本回答被网友采纳
已赞过
已踩过<
你对这个回答的评价是？
展开全部
先将整个网页整体定义一个div，如果是用table做的，就先定义table，然后设定好这个div或者table的宽，一般都是1003或者980、960等，接着最关键的，定义body的样式如下：<body align="center">将body内的内容居中，把刚才定义的那个网页整体的div或者table样式设定如下<div align="left" width="980">将div宽度设定好，又将其里面的内容左对齐，这样就可以达到网页居中的效果了。看不懂？给你贴个具体样式吧。
<body align="center">
<div width="980" align="left">
content
</div>
</body>
content就是网页的具体内容。980只是一个数值，表示网页的宽度，可以自己设。
<body align="center">
<div width="980" align="left">
content
</div>
</body>
content就是网页的具体内容。980只是一个数值，表示网页的宽度，可以自己设。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
body { font-family:Verdana; font-size:8px; margin:0 auto;}
#container {margin: 0 auto; width:500px;}
<body>
<div id="container">
这个当成总的框架，其他的标签都包含在这个标签里就ok了
</div>
</body>
#container {margin: 0 auto; width:500px;}
<body>
<div id="container">
这个当成总的框架，其他的标签都包含在这个标签里就ok了
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css解决：插入在<head></head>之间
<style type="text/css">
<!--
body{
margin:0;
width:auto;}
-->
</style>
试试吧。。
<style type="text/css">
<!--
body{
margin:0;
width:auto;}
-->
</style>
试试吧。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
