Html css3中的按钮宽度

我有一个按钮，我希望它是一个特定的大小

html

但如果我举个例子，宽度：100px；它的大小不变。 是我做错了什么，还是你无法更改预制按钮的大小？

缺失

显示：块

如果要在内联元素上设置固定宽度，必须将display设置为block

.button {
display:inline-block;
min-width: 50px;
width: 80px;
padding:5px 10px;

}

---

该样式位于

a

元素上，该元素是内联的，不接受宽度。您可以将其更改为

内联块

或

块

，然后您就可以控制宽度了。

您需要进行调整

我刚刚将此添加到您的CSS for。按钮：

display: block;
width: 200px;
text-align: center;

---

您没有在上面的代码中指定宽度。我想您的意思是

display:inline block

。不，block。并非所有浏览器都支持内联块。Mozilla浏览器根本不支持内联块。不确定是否在新版本中修复了。那不是真的！请阅读我链接的兼容性表。我认为IE6和IE7中不支持内联块。这个问题指定了CSS3，因此IE6/7可能不是问题。所以没问题。

.button {
display:inline-block;
min-width: 50px;
width: 80px;
padding:5px 10px;

}

display: block;
width: 200px;
text-align: center;