在父元素中实现子元素两行排列，并提供省略号展开功能
要实现此效果，可以采用以下步骤：
HTML：
item1......
CSS：
#container {
width: 400px;
height: 200px;
border: 1px solid red;
}
#flex-container {
width: 800px;
height: 200px;
background: pink;
display: flex;
flex-wrap: wrap;
}
#more {
display: none;
position: absolute;
}JavaScript：
document.getElementById("more").onclick = function() {
this.style.display = "none";
document.getElementById("container").className = "scroll";
}基本原理：
- 在父元素 #container 内创建一个 #flex-container，用于容纳子元素。
- #container 的宽度和高度设定为固定值，超出部分自动隐藏。
- #flex-container 使用 flex 布局，使其子元素自动换行排列。
- #more 是一个省略号按钮，初始时隐藏。
- 点击 #more，触发 #more 隐藏，并解除 #container 的超出隐藏限制，显示所有子元素并出现横向滚动条。
