Question

我正在用HTML和CSS编写一个页面。在页面内部，我有几个div标签，我想在页面上居中。我已将它们全部包含在div标记中，其中包含类infogroup。然后，在我的CSS中，我添加了以下代码：.infogroup{text-align: center;}。它不会将文本置于我的浏览器中（谷歌浏览器），但它会在jsfiddle中。我想知道为什么我有这个错误，以及如何应对它。该页面已经在本地和服务器上进行了测试，并且两者都有问题。 The page live:

谢谢！

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

Answer 1

你忘了把它包含在你的bot.css中

.infogroup{
    text-align: center;
}

CSS的问题似乎没有找到一个类

1 个答案: