如何设置html按钮的大小

Question

我有一个按钮：

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

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

Answer 1

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

Little Demo

<强> 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;
}