技术闲聊|emmet编辑a*5或 span*5,生成多个行内标签时,不会自动换行的解决方案

小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,分享给大家
技术闲聊|emmet编辑a*5或 span*5,生成多个行内标签时,不会自动换行的解决方案
文章图片

??问题:最近在VSCode在使用emmet编辑a* 5或 span*5,生成多个行内标签时,不会自动换行,对块标签则会自动换行,假如有10个超链接标签一行写,可怕,毁灭吧,因此我希望对行内标签也可以自动换行。
??分析:面向百度,能找到WebStorm类似问题的解决方案,VSCode的却没有或者我没发现
WebStorm的解决方案是直接修改IDE的配置VSCode里面没有此类配置。在emmet这个内置插件上,经过搜索(关键字“行内”,“inline”,“new line”)
??解决:对emmet的配置文件做修改,设置inline_break属性值为2,从而达到2个行内元素即强制换行,以此类推;值为0则不为行内元素换行,在VSCode设的置中搜索Syntax Profiles,在settings.json中编辑,加入以下代码:

"emmet.syntaxProfiles": { "html": { "inline_break": 2 } }

【技术闲聊|emmet编辑a*5或 span*5,生成多个行内标签时,不会自动换行的解决方案】保存后立即生效,输入a* 2或span*3等均可自动换行。

    推荐阅读