我如何将此链接置于中心位置

Question

我有一个标有Get D1的链接，我需要在页面中间居中。我尝试了text-align：center，但是这对文本本身起作用，并不实际将链接置于页面中间。有谁知道这个css技巧？

<div id="allds">
    <div id="d1">
        <a href="http://someurl.com" id="d1link">Get D1</a>
    </div>
    <div id="d2">
        content of d2
    </div>
</div>

Answer 1

简单如下：

#d1link {display:block;text-align:center}

text-align：center不适用于内联元素。默认情况下，锚是内联元素。

Answer 2

#d1 { width:whatever; margin:0 auto; }

如果您不想指定宽度，则需要使用替代技术。

Answer 3

这里你去：

#link-container {
    text-align: center;
}
#link {
    background: black;
    color: white;
    display: inline-block;
    padding: 10px;
}

<div id="link-container">
    <a href="#" id="link">This is my link!</a>
</div>

你需要什么？

Answer 4

你可以将d1的margin-left设置为50％...... 但是alld必须有一个规格宽度