Question

Currently having an issue with my button. I want to be able to center my 'a' tag but at the moment it will only stick to the left side. I have tried using "display:block" but this will make my button take up the full width of any div it's been put in.

HTML:

<a href="#" class="button blue">Apply Now</a>

CSS:

.button {
    padding:1em;
    text-align: center;
    display:inline-block;
    text-decoration: none !important;
    margin:0 auto;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

Answer 1

使用div将链接置于中心

＆＃13;

ViewDidLoad()

＆＃13;

printf("method name").

＆＃13;

Answer 2

在父元素上使用 text-align：center; 来居中对齐其中的所有子元素。它们（子元素）不必是块级元素。您的问题是您不希望在 a 标记上使用 display：block 占用父div的整个空间。

即使您在 a 标记上指定 display：inline-block 并将其包含在文本的父级内，也不一定要这样做-align：center; ，它将解决你的任务。

或者，如果上述答案不符合您的需要，您可以使用保证金左：25％左右。

如果您需要更多帮助，请随意删除代码。

谢谢，
压蔓

Answer 3

我同意Yaman，我使用的最简单的方法是

标记，只需将其放在链接之前和之后

<p align="center">
    <a href="#" class="button blue">Apply Now</a>
</p>

中心<a> tag in div

3 个答案: