- 去除两个
span
设置的display: inline-block
之间的空隙,可以给两个span的父元素设置font-size: 0px;
,
或者也可以直接让两个span
标签中间不留空格
css sticky footers
flex 布局
- 左边固定,右边自适应
父元素: display: flex;
左边子元素:flex: 0 0 60px;
右边子元素:flex: 1
组件
父组件可以调用子组件里边的方法,子组件方法私有的方法一般加_, 公有的一般不加
父组件调用子组件方法
<food :food="selectedFood" ref="food"></food>
this.$refs.food.show();
对齐方式
display: inline-block;
vertical-align: top