我正在尝试使用css创建一个水平导航菜单，但是在将按钮设置为相同大小时遇到了问题，因为它们都可以调整为文本长度。我尝试了一些技巧：固定宽度，填充，文本对齐，使用em而不是px。如果我在垂直菜单上使用display：block，其中的某些功能似乎可以工作，但是一旦更改为display：inline，它便不再起作用。
这是我的导航栏代码：
#navigation li {
display: inline;
padding: 20px;
text-decoration: none;
font-size: 2em;
background-image: url(../pics/skylt.png);
background-size: 175px 60px;
background-repeat: no-repeat;
background-position: 0px 10px;
}
最佳答案
inline元素会根据其内容大小进行调整。
您可以尝试将inline-block与width（确定）或min-width（更好）结合使用，以使它们具有相同的大小。
或者，如果您想走一条稍微复杂的路线，则可以使用display:table-cell并附带一些细节，以强制要求它们始终相等。
关于css - 水平菜单栏中的按钮大小是否相同？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29525837/