Question

我的网站上有一个CSS按钮，其中包含文本中间的文本，但现在文本位于底部，按钮较小。其他人有权访问我的根文件夹进行修改，我不知道他们做了什么。

.button
{
    display: inline;
    margin-top: 2em;
    padding: 1em 2em 1em 2em;
    background: #8dc63f;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.90em;
    color: #FFF;
}

.button:before
{
}

Answer 1

尝试：display: inline-block

应该对它进行排序。

Answer 2

你可以试试这个： -

text-align: center;
display:table-cell;
vertical-align:middle;

希望它会对你有所帮助。

Answer 3

添加display: block;和text-align:center;

    .button{
    display: block;
    text-align:center;
    margin-top: 2em;
    padding: 1em;
    background: #8dc63f;
    letter-spacing: 0.20em;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 0.90em;
    color: #FFF;
   }

<强> DEMO

Css按钮文本问题

3 个答案: