描述一种情况，父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。
这种情况是因为 flex 布局特性，子内容优先被内容撑开使得文字不隐藏。
解决：将该元素的宽度设置为 0 ，然后使用 flex：1 样式，将宽度交给 flex 布局来决定，最终子元素不会被内容撑开，达到想要的效果。
大体是上面这样，比如div 进行 width：0 里面等p元素设置如下属性
.{
: : : }这样就解决了问题
js定位大全获取节点的兄弟，父级，子级元素含robot实例
vue如何使用js进行锚点跳转
Jquery 动态交换两个div位置并添加Css动画效果
两个场景（即两个div视图）切换的时候，如果想添加个过渡动画，除了可以使用js来实现，还可以通过CSS3的animation属性来实现。 （注意：Internet Explorer 9 以及更早的版本不支持 animation 属性。）
之前我们为大家分享过很多款各式各样的CSS3开关切换按钮，很多还是非常富有创意的，比如这里的多组超具创意的CSS3开关切换按钮和纯CSS3灯光开关动画。今天我们要带来另外一款外观很漂亮的纯CSS3开关切换按钮动画，它模拟了电灯的开关，并且在开和关之间切换时按钮的背景会有不同的变化，看起来非常不错。
凡是需要滚动的地方都加一句scroll-behavior:smooth就好了！
js最简单的排序
发生这样的情况只是一个warn，但是我们又强迫症的怎么解决这个问题呢？
指定与元素相关联的命名空间URI的字符串。创建的元素的namespaceURI属性使用namespaceURI的值进行初始化。 参见有效的命名空间URL。
transform-origin是变形原点，也就是该元素围绕着那个点变形或旋转，该属性只有在设置了transform属性的时候起作用