我正在用HTML和CSS编写页面。在页面内部，我有几个div标签要在页面上居中。我把它们全部包裹div在班级的一个标签中infogroup。然后，在我的CSS中添加了以下代码：.infogroup{text-align: center;}。它不会使文本在我的浏览器（谷歌浏览器）中居中，但会在jsfiddle中居中。我想知道为什么会出现此错误，以及如何处理。该页面已在本地和服务器上经过测试，并且两者都有问题。实时页面：
谢谢！
-Ty
HTML
<!DOCTYPE html>
<html>
<head>
<title>bridgeOrTunnel</title>
<link rel="stylesheet" type="text/css" href="bot.css">
</head>
<body>
<header><img src="botlogo.png"></header>
<div class="infogroup">
<div id="line1">
<span class="image"><img src="bri.png"></span>
<span class="image"><img src="tun.png"></span>
</div>
<div id="line2">
<span class="time">9 minutes</span>
<span class="time">13 minutes</span>
</div>
<div id="line3">
<span class="lanes">3 lanes open</span>
<span class="lanes">5 lanes open</span>
</div>
<div id="line4">
<span class="cost">$1.39</span>
<span class="cost">$4.27</span>
</div>
</div>
</body>
您忘记在bot.css中包含此内容
.infogroup{
text-align: center;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句