CSS如何让CSS+DIV做的表格居中于屏幕中央
就是不管屏幕分辨率是多少,该表格始终居中于屏幕的中央包括上下左右就是啊,我想全部用DIV+CSS做完整站...
就是不管屏幕分辨率是多少,该表格始终居中于屏幕的中央 包括上下左右
就是啊,我想全部用DIV+CSS做完整站 展开
就是啊,我想全部用DIV+CSS做完整站 展开
5个回答
展开全部
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
*{ margin:0px; padding:0px;font-family:"宋体"; font-size:13px; color:#000000;}
<!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>
<style type="text/css">
<!--
#content{
width:500px;
height:500px;
background-color:#f7f7f7;
border:#CCCCCC solid 1px;
vertical-align:middle;
}
-->
</style>
</head>
<body>
<div align="center">
<div id="content">
<table width="300" height="123" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF3333">
<tr>
<td bgcolor="#FFFFFF">1</td>
<td bgcolor="#FFFFFF">2</td>
<td bgcolor="#FFFFFF">3</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">4</td>
<td bgcolor="#FFFFFF">5</td>
<td bgcolor="#FFFFFF">6</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">7</td>
<td bgcolor="#FFFFFF">8</td>
<td bgcolor="#FFFFFF">9</td>
</tr>
</table>
</div>
</div>
</body>
</html>
将div的text-align设为center，然后将table的margin设为auto，即：
<div style="text-align:center;">
<table style="margin:auto; width:80%;">
</table>
</div>
这样在几种浏览器中都可以实现居中
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
*{ margin:0px; padding:0px;font-family:"宋体"; font-size:13px; color:#000000;}
<!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>
<style type="text/css">
<!--
#content{
width:500px;
height:500px;
background-color:#f7f7f7;
border:#CCCCCC solid 1px;
vertical-align:middle;
}
-->
</style>
</head>
<body>
<div align="center">
<div id="content">
<table width="300" height="123" border="0" cellpadding="0" cellspacing="1" bgcolor="#FF3333">
<tr>
<td bgcolor="#FFFFFF">1</td>
<td bgcolor="#FFFFFF">2</td>
<td bgcolor="#FFFFFF">3</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">4</td>
<td bgcolor="#FFFFFF">5</td>
<td bgcolor="#FFFFFF">6</td>
</tr>
<tr>
<td bgcolor="#FFFFFF">7</td>
<td bgcolor="#FFFFFF">8</td>
<td bgcolor="#FFFFFF">9</td>
</tr>
</table>
</div>
</div>
</body>
</html>
将div的text-align设为center，然后将table的margin设为auto，即：
<div style="text-align:center;">
<table style="margin:auto; width:80%;">
</table>
</div>
这样在几种浏览器中都可以实现居中
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
既然是DIV+CSS布局，为何还要用table了
用li来实现
用li来实现
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
做的时候 全用％ 百分比，就可以了，不要用 PX
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
左右我可以居中：<div style="margin-left:auto; margin-right:auto; width:200px; height:200px; background:#999999"></div>上下的我还没试，也许定义相对或绝对能行。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
一回来
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
