monaco-editor 使用格式化后，css样式中划线两边都会多加上空格出来

[hongshiliu21]

1、环境配置:
"monaco-editor": "^0.37.1",
"vue": "^3.2.38",
"node.js": v16.17.0

2、代码
` <script>

  console.log(1123);

  /*watch( (), (newVal) => {}, {deep: true } );  */

</script> <style scoped> .card-container { height: 100% }

/* 控制卡片是否展开 */
.card-showArea {
  height: 100%;
transition: transform 0.5s ease-in-out;
/* 滑动动画 */
transform: translateX(0);
/* 默认位置 */
overflow: hidden;

}

/* card-showArea 收缩时的位置 */
.card-showArea.collapsed {
  transform: translateX(-110%);
/* 向左滑动直到不可见 */

}

.waitTitle {
  position: relative;

}

.titleText {
  height: 100%;
width: 25%;
overflow: hidden;
position: absolute;
left: 0%;
top: -16%;
color: rgb(255, 255, 255);
font-family: "思源黑体 CN";
font-weight: 400;
font-style: normal;
font-size: 16px;
text-align: left;

}

.titleImageOne {
  position: absolute;
top: 92%;

}

.titleImageTwo {
  position: absolute;
top: 45%;
left: 25%;

}

.closeBtn {
  margin - left: 95%;
cursor: pointer;

}

.openBtn {
  position: absolute;
width: 4%;
cursor: pointer;

}

.waitBody {
  margin - top: 8px;
color: white;
position: relative;
height: auto;
width: 100%;
top: 0%;
left: 0%;

}

.waitBodyContainer {
  overflow - y: scroll;
height: 100%;
width: 100%;

}

.waitBodyContainer::-webkit-scrollbar {
  width: 10px

}

.waitBodyFoot {
  cursor: pointer;
position: relative;
display: flex;
flex-direction: row;

}

.highlighted {
  background - color: rgba(4, 137, 179, 0.298039215686275);
/* 悬停时背景变浅 */
transition: background-color 0.3s ease;
/* 平滑过渡 */

}

.waitBodyLeftTxt {
  position: absolute;
left: 2.2%;
top: 52%;

}

.waitBodyFootImg {
  width: 100%

}

.waitBodyLeft {
  height: 100%;
width: 21%;

}
.icon{
padding - top: 20%;
padding-left: 20%;
}
.waitBodyMiddle {
height: 100%;
width: 49%;
}

.waitBodyMiddle1 {
  font - family: '思源黑体 CN Bold', '思源黑体 CN Regular', '思源黑体 CN';
font-weight: 700;
color: #FFFFFF;
font-size: 14px;
line-height: 20px;

}

.waitBodyMiddle5 {
  font - family: '思源黑体 CN';
font-weight: 400;
color: #FB1A1A;

}

.waitBodyRight {
  margin - top: 2%;
height: 100%;
width: 30%;

}

.waitBodyLeftTxt {
  font - size: 12px;
color: white

}

.scroll-box-hidden {
  width: 300px;
/* 宽度 */
height: 150px;
/* 高度 */
overflow: hidden;
/* 隐藏滚动条 */
border: 1px solid #ccc;

}

.scroll-box-hidden:hover {
  overflow: auto;
/* 当鼠标悬停时显示滚动条 */

}

.waitBodyRightIcon {
  margin - left: 20px;
width: 60px;
text-align: center;
border-radius: 12px;
font-family: '思源黑体 CN';
font-weight: 400;
font-style: normal;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);

}

.danger-high {
  background - color: red;
/* 高危险为红色 */

}

.danger-medium {
  background - color: rgb(232, 116, 23);
/* 中危险为橙色 */

}

.danger-low {
  background - color: rgb(7, 166, 255);
/* 低危险为蓝色 */

}

.danger-no {
  height: 20px;

}

.waitBodyRightTxt {
  font - family: '思源黑体 CN';
font-weight: 400;
font-size: 12px;
color: #FFFFFF;
line-height: 24px;

}
</style>`
3、错误结果图片