这是我的css文件的片段
#centered{
position: relative;
text-align: center;
width: 50%;
margin-left: auto;
margin-right: auto;
}
#table{
text-align: center;
font-size: 1.5em;
font-weight: 900;
background-color: #5E9DC8;
}
这是我正在尝试使用的html部分:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Bicycle Store Database</title>
<link rel="stylesheet" type="text/css" href="web.css" />
</head>
<body>
<h1>ACME BICYCLE SHOP</h1>
<h2>GET IN GEAR!</h2>
<div id="centered">
<table id="table" border="0" cellpadding="10">
<tr>
<td><a href="search_inv.php" class="navTest">Go Shopping!</a><br/><br/>
<a href="search_service.html" class="navTest">Check a Service Ticket</a></td>
</tr>
</table>
</div>
<p><br/><a href="index.html">HOME</a></p>
</body>
</html>
结果如下:
我读过的所有内容都表明我已经正确地完成了这项工作,但它在所有浏览器中都处于中心位置。有什么想法吗?
答案 0 :(得分:2)
为什么你要使用表格呢?任何具体原因?你不能简单地这样做吗?
<div class="center">
<a href="#">Go Shopping</a>
<br>
<a href="#"></a>
</div>
.center {
margin: auto;
/* Other styles goes here, width height background etc */
}
答案 1 :(得分:1)
你是#centered
的中心,而不是其中的表格。
将margin:0 auto;
添加到#table
。
答案 2 :(得分:0)
div位于页面中心。
该表在div中保持对齐。
添加table { margin-left: auto; margin-right: auto; }
以使div中的表居中。