这是我的 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>
这是结果:
我读过的所有内容都表明我做对了，但它在我所有的浏览器中都偏离了中心。有什么想法吗？
最佳答案
为什么要为此使用表格？有什么具体原因吗？就不能这么简单吗？
<div class="center">
<a href="#">Go Shopping</a>
<br>
<a href="#"></a>
</div>
.center {
margin: auto;
/* Other styles goes here, width height background etc */
}
关于html - 用CSS居中div，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13554760/