按钮大小不一样

Question

所以我似乎无法确定我做错了什么。我创建了一个带有4个按钮的菜单，即：更新，注册，记录和注销。我将它们放在一个类中，并用CSS设置它们。事实证明它们有不同的长度，我已经尝试了我目前所知道的所有关于CSS的内容并且我被卡住了。

这是CSS代码：

.button2 {
    padding:15px 150px;
    margin:0px auto;
    border-radius:5px;
    color:#221e1f;
    font-family:corbel;
    font-size:20px;
    text-decoration: none;
    border:  1px solid #d13129;
    background: #d13129;
    width:300px; /* set a width, can be fixed or percentage */
    display:block; /* by default <a> tags arn't block elements and need to be for setting a width */
}

带有新编辑的图片： http://gyazo.com/7c7203de14e01873b59e60392fa76207

Answer 1

您也应该在css中定义高度和宽度。类似的东西：

  height:5px;
  width:15px;

Answer 2

在CSS中设置宽度（例如'width：50px;'）。除非你这样做，否则按钮中的文字大小将匹配（加上填充/边框）。