在CSS中如何设置网页的宽度，并且让网页在屏幕的中间。
就像网易、新浪那样，如果在大屏幕上显示，网页显示在屏幕的中间，两边都是空白。有位朋友给的代码是：body{width:800px;text-align:center;}这...
就像网易、新浪那样，如果在大屏幕上显示，网页显示在屏幕的中间，两边都是空白。
有位朋友给的代码是：body{width:800px;text-align:center;}
这个不对，这个是text-align就是文字在中间。我只想让网页在屏幕中间，文字另外设置。
我想这个代码已经定义了网页的宽度，但是没有让网页居中，而是让文字居中了，我也看了效果。
请高手朋友指导，是不是非要DIV才能实现那样的效果呢？
DIV我还不懂怎么回事呢。 展开
有位朋友给的代码是：body{width:800px;text-align:center;}
这个不对，这个是text-align就是文字在中间。我只想让网页在屏幕中间，文字另外设置。
我想这个代码已经定义了网页的宽度，但是没有让网页居中，而是让文字居中了，我也看了效果。
请高手朋友指导，是不是非要DIV才能实现那样的效果呢？
DIV我还不懂怎么回事呢。 展开
3个回答
展开全部
网页里面的宽度是可以用百分比决定的，可以设置这个容器的宽度占屏幕宽度的百分之多少，但是因为百分比的宽度是要有参考对象的，所以在设置百分比的宽度时，要先设置body的宽度为100%。
照你的要求:一屏分为两栏显示，那么用两个DIV来做，一个DIV的宽度就是50%，两个在一起就正好100%了，如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。
高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了
照你的要求:一屏分为两栏显示，那么用两个DIV来做，一个DIV的宽度就是50%，两个在一起就正好100%了，如果你想这两个DIV之间有间距，那么就设置宽度为48%就行，具体自己把握，然后设置左边的DIV左浮动，右边的DIV右浮动即可。
高度是可以设置固定像素的，比如一个div的宽度为48%，高度为50px都行的，可以混用，只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很简单....
最简单的写法是，在外面套一个标签
<center></center>
用层也可以，
先定义一个层<div style="margin-left:auto;margin-right:auto;"></div>
然后把内容放在里面
最简单的写法是，在外面套一个标签
<center></center>
用层也可以，
先定义一个层<div style="margin-left:auto;margin-right:auto;"></div>
然后把内容放在里面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这不叫什么网页居中，只是网页的背景为白色而整个网页的内容放在了整个网页的中间，就是没有把整个网页的内容布满整个页面。不用div也行啊，就用表格不就行了，还没流行div的时候别人还不是用表格？不过现在流行div+css布局页面，其优点也比表格好得多。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="724" height="831" border="0" align="center" bgcolor="#999933">
<tr>
<td>网页内容</td>
<td>网页内容</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>网页内容</td>
</tr>
<tr>
<td>网页内容</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>网页内容</td>
<td> </td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table width="724" height="831" border="0" align="center" bgcolor="#999933">
<tr>
<td>网页内容</td>
<td>网页内容</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td>网页内容</td>
</tr>
<tr>
<td>网页内容</td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td>网页内容</td>
<td> </td>
</tr>
</table>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
