有1-3個(gè)item顯示在同一行鬼癣，但是item的個(gè)數(shù)不一定，如果只有一個(gè)翘悉，那這個(gè)item占寬100%茫打，有2個(gè)時(shí)每一個(gè)占50%，3個(gè)時(shí)每個(gè)占33%镐确。
這個(gè)需求可以用js計(jì)算包吝，但是能用html／css解決的問題就不要用js。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test</title>
<style type="text/css">
ul {
display: flex;
}
li{
width: 100%;
background: red;
}
li:nth-last-child(2),li:nth-last-child(2) ~ li{
width: 50%;
background: green;
}
li:nth-last-child(3),li:nth-last-child(3) ~ li{
width: 33%;
background: blue;
}
</style>
</head>
<body>
<ul>
<li>1111111111111111</li>
<li>222222222222</li>
<li>3333333333333</li>
</ul>
</body>
</html>
image.png
image.png
image.png
