总结：前端css样式解决问题

1.子盒子居中，父相子绝，绝对定位上下左右都等于0，外边距设为auto
left、bottom、right、top都等于0可简写为inset:0px;

position: absolute;
margin: auto;
inset: 0px;

2.video视频标签显示黑线，但是border为0也去不掉，可设置属性 object-fit,css图片等比例缩放也可以使用object-fit::cover

video {
    object-fit::cover;//二选一
    object-fit:fill;//
  }

3.gap属性是用来设置网格行与列之间的间隙，该属性是row-gap and column-gap的简写形式

4.elementui组件修改样式不起效 前面加/deep/

 /deep/.el-input {
     
  } 

5.VScode编辑器报错语句， VScode没有提示消息

"files.associations": {
        "*vue":"html"
    },

vue设置为html会有提示消息

6.后端返回html代码块，前端页面如何展示

<p v-html="templateContent"></p>

使用v-html指令即可，不是代码块是字符串等也可以正常显示

后续随时补充。