Question

我刚刚开始编码。但我在我的CSS中遇到了错误。错误是我希望按钮与中心对齐，但不会对齐。

这可能很明显，但我不知道出了什么问题。

请帮帮我。如果你愿意，我会很喜欢它。这是我的代码：

<!DOCTYPE HTML>
<html>
<head>
    <h1>Help</h1>
</head>    
<body>
    <br>
    <a class="button" onClick='window.location="view-source:" + window.location.href' target="_blank">View Source</a>
</body>

<style>
    h1 {
        color: black;
        text-align: center;
    }

    a[target=_blank] {
        text-align: center;
    }

    .button {
        text-align: center;
        padding: 0 5px 5px 5px;
        background-color: #dcdcdc;
        border: 1px solid #666;
        color: #000;
        text-decoration: none;
        font-family: "arial";
        font-size: 100%;
    }
</style>
</html>

我无法在网上找到任何内容

Answer 1

如果您说您在网络上没有找到任何内容，则一定不能尝试。

阅读margin属性以及其他HTML和CSS教程。

http://www.w3schools.com/css/css_margin.asp

Answer 2

你可以将按钮包裹在一个div中，也可以把它放在一边。

包含div
HTML

<div class="div_name"><a class="button" onClick='window.location="view-source:" + window.location.href' target="_blank">View Source</a></div>

CSS

.div_name { text-align: center; }

或者

<center><a class="button" onClick='window.location="view-source:" + window.location.href' target="_blank">View Source</a></center>

Answer 3

将此添加到您的css

margin:auto;

将使其与页面中心对齐。

Answer 4

你只需添加

body {
    text-align: center;
}

text-align属性指定内部元素，而不是此元素

CSS text-align。我不知道我的代码有什么问题

4 个答案: