ul {
    display: flex;
}
ul li {
    flex: 1;
}

可以试一下：

ul > li {
    width: calc(100% / 3);
}

我抖个机灵。

ul {
    display:table;
    width:100%;
}
ul li {
    display:table-cell;
    width: calc(100% / 3);
    或者width: 33.33%;
}

在旧版的规范中，使用弹性布局时，
子元素的内容长短不同会导致无法“等分”，
这个时候，不妨试试给子元素设置一个“width:0%”。