如何仅使用CSS使子自动适应父的宽度？

这已经是一个相当老的问题。尽管给出的答案在当时很受欢迎，但如今，“ 灵活框式布局
”以更简单的方式提供了相同的结果，并且在所有现代浏览器中均提供了良好的支持。我强烈推荐！

.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>