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

举报
周棋洛 发表于 2022/05/25 23:34:54 2022/05/25
【摘要】 小伙伴们,好久不见,不知道你们有没有这个困扰呢?今天折腾了好一会终于解决了,分享给大家🦄   问题:最近在VSCode在使用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
    }
}

  
 
  • 1
  • 2
  • 3
  • 4
  • 5

保存后立即生效,输入a* 2或span*3等均可自动换行。

文章来源: blog.csdn.net,作者:周棋洛ყ ᥱ ᥉,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/m0_53321320/article/details/120382671

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。