html padding 溢出,padding溢出

v-for

body{margin:0;background:#f2f2f2;

}*{box-sizing:border-box;

}i{font-style:normal;

}

/*头部标题*/.header{position:fixed;top:0;left:0;height:44px;width:100%;box-shadow:0 2px 10px 0 rgba(0, 0, 0, 0.1);background-color:#fff;z-index:1000;color:#666;

}.header > .title{font-size:16px;line-height:44px;text-align:center;margin:0 auto;

}

/*头部标题*/

.img img{width:100%;height:100%;

}.row{width:100%;height:100px;margin:10px 0;font-size:16px;text-align:left;color:#444;background-color:#fff;

/*1、父级设置flex，让.img 和.content左右布局*/display:flex;

}.img{width:100px;height:100px;

}

/*这个内容当作父级再次设置flex，.text div居中*/.row .content{

/*此处解释下

flex: 1 1 0%

0%表示此处宽度是按照自身内容宽度来，此处自身内容宽度为0，但是分配剩余的空间，所以可以自适应变化*/flex:1; /*随父级变化*/

/*在设置居中内容*/display:flex;align-items:center;

}.content .text{padding-left:20px;

}.title{font-weight:bold;

}.info{font-size:12px;

}.price{color:#009de2;font-weight:bold;margin-right:0.1rem;

}.text i{font-size:10px;

}

Refresh & Infinite