css - 如何使 anchor 链接居中？

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 不适用于行内元素。默认情况下， anchor 是内联元素。