gpt4 book ai didi

html - 用CSS居中div

转载 作者:太空宇宙 更新时间:2023-11-04 00:09:31 24 4
gpt4 key购买 nike

这是我的 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 is not centered

我读过的所有内容都表明我做对了,但它在我所有的浏览器中都偏离了中心。有什么想法吗?

最佳答案

为什么要为此使用表格?有什么具体原因吗?就不能这么简单吗?

<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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com