Yinjia

使用JS实现： ``` // 获取ul元素节点 const ul = document.querySelector('ul'); // 获取li元素子节点 const li1 = ul.children[0]; const li3 = ul.children[2]; // 将li3插入到li1之前，实现两个元素的位置交换 ul.insertBefore(li3, li1); ``` insertBefore() 是DOM API中的一个方法，用于将一个节点插入到指定节点之前。它接受两个参数：要插入的节点和参照节点。 如果参照节点是 null，则相当于 appendChild() 方法，将节点插入到父节点的最后一项。需要注意的是，一旦在...

当文本内容过长时，我们可以使用 CSS 的 text-overflow 属性和 overflow 属性来实现省略号的效果。 具体实现步骤如下： 1. 设置元素的宽度。这是必要的，因为如果元素没有固定的宽度，那么浏览器就无法确定什么时候开始出现省略号。 2. 将 white-space 属性设置为 nowrap，以确保文本不会换行。 3. 将 text-overflow 属性设置为 ellipsis，以显示省略号。 4. 将 overflow 属性设置为 hidden，以隐藏文本溢出部分。 需要注意的是，当文本是一连串数字或字母时，由于没有空格分隔符，浏览器可能无法确定在何处截断字符串，从而无法正确显示省略号。这时，可以通过设置 word-break: break-all; 来强制将单词按照字母逐个截断，从而实现正确的省略号效果。 ```...