Html CSS文本对齐。我不知道'；我不知道我的代码有什么问题_Html_Css_Text_Alignment

Html CSS文本对齐。我不知道'；我不知道我的代码有什么问题

html css text

Html CSS文本对齐。我不知道'；我不知道我的代码有什么问题,html,css,text,alignment,Html,Css,Text,Alignment,我刚刚开始编写代码。但是我在css中遇到了一个错误。错误是我希望按钮与中心对齐，但它不会对齐这可能是显而易见的，但我不知道是什么错了请帮帮我。如果你能帮忙，我会很高兴的。这是我的密码： <!DOCTYPE HTML> <html> <head> <h1>Help</h1> </head> <body> <br> <a class="button" onCli

我刚刚开始编写代码。但是我在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>


帮助


h1{
颜色：黑色；
文本对齐：居中；
}
a[目标=_空白]{
文本对齐：居中；
}
.按钮{
文本对齐：居中；
填充：0 5px 5px 5px；
背景色：#DCDC；
边框：1px实心#666；
颜色：#000；
文字装饰：无；
字体系列：“arial”；
字体大小：100%；
}

我在网上找不到任何东西

如果你说你在网上找不到任何东西，你一定根本没有试过

阅读

margin

属性以及其他HTML和CSS教程

您可以将按钮包装成div，也可以将其包裹起来

用div包装
HTML

或

将此添加到css中

margin:auto;

这将使其与页面中心对齐。

您只需添加

body {
    text-align: center;
}

文本对齐属性指定内部元素，而不是此元素

样式应位于正文中。您的HTML看起来扭曲了。标签必须包括在内。不应包含任何渲染元素。Thx Brandon Turpy。成功了。

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

margin:auto;

body {
    text-align: center;
}