0

我正在用 HTML 和 CSS 编写页面。在页面内部，我有几个div要在页面中心的标签。我已将它们全部包装在div带有 class 的标签中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>

4

1 回答 1

1

您忘记将其包含在您的 bot.css 中

.infogroup{
    text-align: center;
}
于 2013-09-27T17:03:20.180 回答