Vue.js高仿饿了么外卖APP（二）具体样式遇到的问题

• 实现多余文字数据变成…效果（有高度的前提）

• white-space:nowrap
overflow:hidden
text-overflow:ellipsis

• 两个span挨着会有空白间隙，方法是给它们的父元素设置font-size为0（这样会使上述的…消失），这个时候使得两个span没有间隙就可以了。

• 设置背景图片
  
  
• 模糊效果filter:blur(10px)背景图片用rgba。
• css sticky footers布局
  

• http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html flex布局