网页设计中 表格不能居中~~~
我用DW在1024*768分辨率下做了一个网页,但拿到高一点分辨率的显示器上打开时,就不能正常显示网页了~于是我在网页<body>标签后加了一个表格,如下:<html><...
我用DW在1024*768分辨率下做了一个网页,但拿到高一点分辨率的显示器上打开时,就不能正常显示网页了~
于是我在网页<body>标签后加了一个表格,如下:
<html>
<head>.....</head>
<body><table width="760px" border="0" cellpadding="0" cellspacing="0" align="center">.....</table></body>
可是最后结果并不能使原来网页整个页面在高分辨率的显示器下居中显示~
请问这是怎么回事啊?该如何修改啊?请详细说一下,谢谢!! 展开
于是我在网页<body>标签后加了一个表格,如下:
<html>
<head>.....</head>
<body><table width="760px" border="0" cellpadding="0" cellspacing="0" align="center">.....</table></body>
可是最后结果并不能使原来网页整个页面在高分辨率的显示器下居中显示~
请问这是怎么回事啊?该如何修改啊?请详细说一下,谢谢!! 展开
6个回答
展开全部
这样应该就没有问题了,你自己试试。主要的语句是内联样式表中的:
margin-left:auto;margin-right:auto;语句。
<body style=" text-align:center;">
<form id="form1" runat="server">
<div>
<table width="600px" border="2px" cellpadding="0px" cellspacing="0px"
style=" margin-left:auto; margin-right:auto; border-color:Blue;">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</div>
</form>
margin-left:auto;margin-right:auto;语句。
<body style=" text-align:center;">
<form id="form1" runat="server">
<div>
<table width="600px" border="2px" cellpadding="0px" cellspacing="0px"
style=" margin-left:auto; margin-right:auto; border-color:Blue;">
<tr><td></td></tr>
<tr><td></td></tr>
<tr><td></td></tr>
</table>
</div>
</form>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用css解决吧 下面是css代码 自己修改下其中的属性
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #c060;
background-color: #CCC;
text-align: center;
/* part 1 of 2 centering hack */
}
#content {
width: 400px;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
/* opera does not like 'margin:20px auto' */
background: #FFF;
border: 5px solid #666;
text-align:left;
/* part 2 of 2 centering hack */
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 370px;
}
html>body #content {
width: 370px; /* ie5win fudge ends */
}
body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica, sans-serif;
color: #c060;
background-color: #CCC;
text-align: center;
/* part 1 of 2 centering hack */
}
#content {
width: 400px;
padding: 10px;
margin-top: 20px;
margin-bottom: 20px;
margin-right: auto;
margin-left: auto;
/* opera does not like 'margin:20px auto' */
background: #FFF;
border: 5px solid #666;
text-align:left;
/* part 2 of 2 centering hack */
width: 400px; /* ie5win fudge begins */
voice-family: "\"}\"";
voice-family:inherit;
width: 370px;
}
html>body #content {
width: 370px; /* ie5win fudge ends */
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<body><center><table width="760px" border="0" cellpadding="0" cellspacing="0" align="center">.....</table></center></body>
这样也可以 加 个 center 标签
这样也可以 加 个 center 标签
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div style="text-align:center; width:100%"><table width="760px" border="0" cellpadding="0" cellspacing="0" align="center">.....</table></div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
调用CSS
body {
text-align:center;
}
body {
text-align:center;
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询