描述一种情况，父元素 flex 布局，子元素有一行文字，将其设置为不换行隐藏后显示省略号，但实际并不是想象的那样，而导致布局变形。
这种情况是因为 flex 布局特性，子内容优先被内容撑开使得文字不隐藏。
解决：将该元素的宽度设置为 0 ，然后使用 flex：1 样式，将宽度交给 flex 布局来决定，最终子元素不会被内容撑开，达到想要的效果。
大体是上面这样，比如div 进行 width：0 里面等p元素设置如下属性
.{
: : : }这样就解决了问题
map-get($map,$key) 函数的作用是根据 $key 参数，返回 $key 在 $map 中对应的 value 值。如果 $key 不存在 $map中，将返回 null 值。此函数包括两个参数：
spellcheck输入完某个单词后,进行按空格键，就可以看到这是不是错误的单词了。
但我们可以使用Css before选择器来实现完全相同的效果
我测试的100万一下，都是秒级的。 3000万也就卡那一下。
app.use(express.json({limit: '50mb'})); app.use(express.urlencoded({limit: '50mb'}));
[contenteditable]:focus{outline: none;}
MySQL快速生成1亿测试数据（100万、1000万、1亿）
其实对于box-shadow，老白我也是一知半解，之前用的时候直接复制已有的，也没有仔细思考过box-shadow的数值分别对应什么，最后导致阴影的边如何自由控制，苦于懒人一个一直没有正式去学习，今天无意中看到以下这篇文章，瞬间清醒有木有，看完整片文章，对于box-shadow阴影四个边的设置完全了如指掌了，再也不怕修改box-shadow了！
CSS3 box-shadow 属性用来描述一个元素的一个或多个阴影效果，该属性几乎可以让你完成你想要的任何阴影效果。然而 box-shadow 属性语法和取值非常灵活，对于新手有点不容易理解。今天总结一下语法和 box-shadow 属性各种阴影效果。
因为你错误的使用了 <nuxt>标签。 你应该使用 <nuxt-child keep-alive > </nuxt-child> 因为上层已经使用过了 <nuxt></nuxt>标签。