vscode 保存的时候 行内样式 全部变成小写了

Question

<div style='marginBottom:2px'></div>
保存之后变成这样了
<div style='marginbottom:2px'></div>

查了半天也没找到 有没有人知道这是哪里配置有问题

Answer 1

行内样式，不支持驼峰命名，你因该直接写成

<div style='margin-bottom:2px'></div>

Answer 2

如果你要用小驼峰的形式请这样写
<div :style=“{marginBottom: ‘10px’}”></div>
通过绑定一个对象的形式，如果不想用对象的形式，请按照书写css的规范这样书写:
<div style=“margin-bottom: 10px;”></div>

---

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。