vscode行内标签自动换行

今天也是用vscode正在写代码的时候遇到一个问题。
在写HTML时用emmet语法写多个行内标签,发现标签都挤在一行里显示,而不是分行显示。
这样看起来也是十分难受。
例如:div>span*3
原先效果:在这里插入图片描述
这种看起来也是眼花缭乱。
而我想要的效果是:在这里插入图片描述也是经过我的不懈百度百度,终于获得了解决办法。
废话不多说,接下来讲一下解决办法:
1)先安装emmet扩展
2)对emmet的配置文件做修改,设置inline_break属性值为1,从而达到2个行内元素即强制换行,以此类推;值为0则不为行内元素换行,在VSCode设的置中搜索Syntax Profiles,在settings.json中编辑,加入以下代码:

"emmet.excludeLanguages": [

        "markdown"
    ],
   "emmet.syntaxProfiles": {
    "html": {
        "inline_break": 1
    }
}

就OK了。

  • 6
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 11
    评论
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值