这已经是一个相当老的问题。尽管给出的答案在当时很受欢迎，但如今，“ 灵活框式布局
”以更简单的方式提供了相同的结果，并且在所有现代浏览器中均提供了良好的支持。我强烈推荐！
.parent { display: flex;}.parent a { flex: 1;}.parent { padding: 8px; border: 1px solid #ccc; background: #ededed;}.parent a { line-height: 26px; text-align: center; text-decoration: none; border: 1px solid #ccc; background: #dbdbdb; color: #111;}<div > <a href="#">Some</a> <a href="#">Other</a> <a href="#">Any</a></div><br><div > <a href="#">Some</a> <a href="#">Other</a> <a href="#">Any</a> <a href="#">One More</a> <a href="#">Last</a></div>
