html - 如何设置html按钮的大小

Question

我有一个按钮：

 <a data-role="button" data-inline="true" href="gmail.html">                
                    Poczta Gmail
                </a>

如何将其大小设置为页面宽度的 1/3？编辑：或者只是将其设置为 200px？

Answer 1

您可以将按钮设置为 33% 的宽度。当然你需要一个比 a. 更具体的选择器。这只是一个例子。

小演示

HTML：

<a data-role="button" data-inline="true" href="gmail.html">                
    Poczta Gmail
</a>

CSS：

a {
    width:33%;
    display:inline-block;
}

编辑（随着问题的改变）：

如果您希望将其设置为 200px 宽度，您可以执行以下操作：

a {
    width:200px;
    display:inline-block;
    text-align:center;
}