3

出于某种原因，我正在处理的页面上的按钮不会居中。

这是我为 HTML 准备的内容：

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="chaos.css"/>
    <script type="text/javascript" src="jquery-1.10.0.min.js"></script>
    <script type="text/javascript" src="Chaos.js"></script>
    <title>MTG Chaos Roller</title>
</head>
<body>
    <div class="button">
        <input type="submit" value="Roll Chaos">
        <input type="submit" value="Roll EnchantWorldLand">
        <input type="submit" value="Roll PersonaLand">
        <input type="submit" value="Roll WackyLand">
    </div>

</body>
</html>

CSS：

body {
    background-color: black;
    };

.button {
    text-align: center;
};

我不知道。它似乎适用于其他人的东西。我相信一旦解释了我做错了什么，它就会变得清晰。

4

2 回答 2

3

你有不正确的CSS。您不需要用分号 ( ;) 终止 CSS。

用这个。演示

body {
    background-color: black;
    }

.button {
    text-align: center;
}
于 2013-05-25T03:38:36.840 回答
2

尝试：

body {
  background-color: black;
  text-align: center;
}

目前，您正在将按钮设置为将其中的文本居中，当您将其更改为上述内容时，您确保页面上的元素将居中。

于 2013-05-25T03:38:12.243 回答