在容器内宽度的造型按钮

Question

看看http://crashjapan.net - 在侧边栏中，订阅按钮（提交元素）停留在其框内，很好地居中，但是“我想要帮助！”下的三个按钮。 （像按钮样式的链接元素）太宽。我已经浏览了CSS，但我无法弄清楚有什么不同以及如何解决它。其他人可以发现问题吗？

Answer 1

#secondary .widget .button {
    color: white;
    font-size: 1.2em;
    margin: 0 10% 5px 10%;
    width: 80%;
    text-align: center;
    box-sizing: border-box;
}

这是一种可能的解决方案。

Answer 2

删除它：

margin: 0 10% 5px 10%;

来自你的style.css：

#secondary .widget .button {
    color: white;
    font-size: 1.2em;
    margin: 0 10% 5px 10%;
    width: 80%;
    text-align: center;
}

Answer 3

编辑你的课程：

#secondary .widget .button {
    clear: both;
    color: white;
    font-size: 1.2em;
    margin: auto;
    text-align: center;
    width: 78%;
}

Answer 4

更改按钮#secondary .widget .button 对此：

secondary .widget .button

{     
     color: #FFF;
     font-size: 1.2em;
     margin: 6px 0% 0px -5px !important; 
     margin-top: 0px;                     
     margin-right: 0%;
     margin-bottom: 0px;
     margin-left: 0px;
     width: 70%;
}

6px会在这些按钮之间留出一些空间。 宽度70％也将起到保证金的作用。 您可以尝试播放宽度以查看其外观。