CSS 多個 li 撐到 100 的方法是一種常見的界面設計技巧。它可以幫助我們更好地展示列表內容，使頁面更加美觀和易于閱讀。

ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
li {
flex-basis: calc(33.33% - 10px);
margin-bottom: 20px;
}

在上面的代碼中，我們首先使用display: flex;將 ul 元素設置為彈性布局。然后使用flex-wrap: wrap;讓 li 元素自動換行，并使用justify-content: space-between;讓 li 元素之間自動填充間距。

接著，我們使用flex-basis屬性將每個 li 元素的寬度設置為 33.33% 減去 10px，這樣每行可以容納三個 li 元素，并且每個 li 元素之間有 10px 的間距。最后，我們使用margin-bottom屬性為每個 li 元素設置下邊距。

使用上述代碼，我們可以將多個 li 元素撐到 100，從而實現更好的頁面設計效果。