img和span一行 img无法调整位置(视觉非中心)

1 设计图多了一块  普通的vertical-align:middle不起作用

那么 用 vertical-align:baseline;  这个是基线qaq

然后就可以自己手动微调   padding-top了

 

2 img什么的  直接设置比class 的优先级要高

这样class的那些有时候直接就不起作用了(基础知识qaq)

 

3  v-for的用法

<div class="contact" @click="select_detail" v-for="(item,index) in items" :key="index">

div里面使用  要用花括号的  data这样写（我都写死了qaq）

 data() {

    return {

      items: [

        {

          name: "我是第一个人",

          status: "已实名",

          phone: "13512345678"

        },

 

4 电脑越来越卡

把谷歌浏览器 内核硬件加速取消

vscode  找到图形化界面ui  的seetting  取消那个什么什么line  (随便一搜搜得到)

 

5 发现位置确定不了

强行position absolute 文字一多就gg

灵机一动 一个div把那两个span套起来  一起absolute 解决!

 

6 span br span

位置相对的 文字一多又gg

灵机一动 换成两个div  然后text-align居中 解决!